.cms-icon-picker,.cms-input{width:100%;min-width:0}.cms-icon-picker{color:var(--gray-950);--cms-border:var(--gray-300);--cms-panel:var(--gray-50);--cms-accent:var(--primary-700)}
.cms-icon-current{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--cms-border);border-radius:12px;background:var(--cms-panel);flex-wrap:wrap}.cms-icon-current>div{flex:1;min-width:130px}.cms-icon-current strong,.cms-icon-current span{display:block}.cms-icon-current span{font-size:12px;margin-top:4px;overflow-wrap:anywhere}.cms-icon-picker svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.cms-icon-current>svg{width:36px;height:36px;color:var(--cms-accent)}
.cms-sub-label{display:block;margin:14px 0 6px;font-size:13px;font-weight:500}.cms-input{display:block;background:transparent;border:1px solid var(--gray-300);border-radius:8px;padding:10px 12px;font-size:14px;min-height:44px}.cms-input:focus-visible,.cms-control:focus-visible,.cms-icon-option:focus-visible,.cms-preview-link:focus-visible{outline:2px solid var(--primary-600);outline-offset:3px}.cms-help{margin:8px 0 12px;font-size:12px;line-height:1.6;color:var(--gray-600)}
.cms-control{padding:10px 14px;border:1px solid var(--gray-300);border-radius:8px;min-height:44px;font-size:13px;background:transparent;cursor:pointer;transition:background .15s}.cms-control:hover:not(:disabled){background:var(--gray-100)}.cms-control:disabled{opacity:.45;cursor:default}.cms-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;max-height:360px;overflow:auto;padding:5px}.cms-icon-option{min-height:84px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;padding:10px 6px;border:1px solid var(--cms-border);border-radius:8px;cursor:pointer;transition:background .15s}.cms-icon-option span{font-size:10px;overflow-wrap:anywhere;text-align:center}.cms-icon-option[aria-pressed="true"]{outline:2px solid var(--cms-accent);outline-offset:-2px;background:var(--cms-panel)}.cms-icon-option:hover{background:var(--cms-panel)}.cms-icon-pages{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px}.cms-icon-pages>span{font-size:12px}.cms-preview-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;color:var(--primary-700)}
.cms-draft-notice{padding:16px 20px;border:1px solid var(--gray-200);border-radius:12px;background:var(--gray-50);font-size:14px;line-height:1.7}.cms-draft-notice strong{display:block}.cms-draft-notice a{text-decoration:underline;color:var(--primary-700)}
.dark .cms-icon-picker{color:var(--gray-100);--cms-border:var(--gray-700);--cms-panel:var(--gray-900);--cms-accent:var(--primary-400)}.dark .cms-input,.dark .cms-control{border-color:var(--gray-700);color:var(--gray-100)}.dark .cms-input option{background:var(--gray-900);color:var(--gray-100)}.dark .cms-help{color:var(--gray-400)}.dark .cms-control:hover:not(:disabled){background:var(--gray-800)}.dark .cms-preview-link{color:var(--primary-400)}.dark .cms-draft-notice{border-color:var(--gray-700);background:var(--gray-900)}.dark .cms-draft-notice a{color:var(--primary-400)}
@media(prefers-reduced-motion:reduce){.cms-control,.cms-icon-option{transition:none}}