.user-editor-shell{color:#273342;height:100dvh;min-height:0;overflow:hidden}.user-editor-header{height:auto;min-height:48px;box-shadow:none;background:#fff;border-color:#e5e9ef;flex-wrap:wrap;gap:8px;padding:7px 16px}.user-editor-header>button{white-space:nowrap;height:auto;min-height:32px;padding-inline:10px;font-size:12px}.user-editor-header>button:first-child{color:#2266d1;font-weight:650}.user-editor-header>button:nth-of-type(3){background:#f7f9fc;border:1px solid #dce4ef}.user-editor-header [aria-label="작업 화면 정렬"]{background:#f1f4f8}.user-editor-tools{z-index:25;flex-shrink:0;position:relative}.user-editor-tools>div{background:#fff;border-color:#e5e9ef;flex-wrap:wrap;gap:4px;height:auto;min-height:48px;padding:7px 14px}.user-editor-tools>div>button{border-radius:6px;min-width:30px;min-height:30px}.user-editor-tools>div>div{flex-shrink:0}.user-editor-tools input:not([type=range]){min-height:30px;font-size:12px}.user-editor-tools>div>button[title="저장 Ctrl+S"]{color:#225fc0;background:#edf4ff}.user-editor-tools>div>button[title=이미지\ 업로드]{background:#f0f3f7}.user-editor-workspace{min-height:0;position:relative}.user-editor-workspace>.flex-1{min-width:0}.user-editor-panel{scrollbar-width:thin;background:#fff;border-color:#e3e8ee;flex-shrink:0;overflow-y:auto}.user-editor-structure{border-right:1px solid #e3e8ee;width:220px}.user-editor-properties{border-left:1px solid #e3e8ee;width:256px}.user-editor-panel-heading{background:#fff;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:19px 16px 15px;display:flex}.user-editor-panel-heading h2{letter-spacing:-.2px;font-size:13px;font-weight:700}.user-editor-panel h3{letter-spacing:0;font-size:11px}.user-editor-panel [class*="text-[9px]"],.user-editor-panel [class*="text-[10px]"]{font-size:11px}.user-editor-panel>.user-panel-section>div{padding:12px}.user-editor-panel-tabs{border-bottom:1px solid #edf0f4;gap:6px;padding:10px 12px;display:flex}.user-editor-panel-tabs button{color:#7b8695;border-radius:7px;flex:1;min-height:33px;font-size:12px}.user-editor-panel-tabs button[aria-selected=true]{color:#2865c6;background:#edf3fc;font-weight:650}.user-editor-panel-tabs span{font-variant-numeric:tabular-nums;margin-left:4px;font-size:10px}.user-panel-section[hidden],.user-editor-panel-close,.user-editor-panel-backdrop,.user-editor-mobile-panels{display:none}@media (width<=1100px){.user-editor-structure{width:196px}.user-editor-properties{width:236px}}@media (width<=800px){.user-editor-header{gap:2px;padding-inline:8px}.user-editor-header>button{padding-inline:7px;font-size:11px}.user-editor-header [aria-label="작업 화면 정렬"]{margin-left:8px}.user-editor-tools>div{gap:2px;padding-inline:8px}.user-editor-mobile-panels{background:#fff;border-bottom:1px solid #e5e9ef;flex-shrink:0;justify-content:space-between;align-items:center;min-height:42px;padding:4px 10px;display:flex}.user-editor-mobile-panels button{color:#3765a6;border-radius:6px;min-height:32px;padding:4px 9px;font-size:12px;font-weight:600}.user-editor-mobile-panels button[aria-expanded=true]{background:#eaf2ff}.user-editor-mobile-panels span{color:#929ba7;font-size:11px}.user-editor-panel{z-index:20;width:min(280px,85vw);display:none;position:absolute;top:0;bottom:0;box-shadow:0 8px 22px #23364d20}.user-editor-structure{left:0}.user-editor-properties{right:0}.user-editor-panel.is-mobile-open{display:block}.user-editor-panel-close{color:#69788b;background:#f1f4f8;border-radius:6px;place-items:center;width:28px;height:28px;font-size:20px;display:inline-grid}.user-editor-panel-backdrop{z-index:19;background:#20334b1a;display:block;position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){.user-editor-shell *{transition:none!important}}.user-editor-shell{color:#36352f;--toss-gray-50:#f5f3ee;--toss-gray-100:#ece9e2;--toss-gray-200:#ddd9cf;--toss-gray-400:#969186;--toss-gray-500:#80796d;--toss-gray-600:#676156;--toss-gray-700:#4f4b41;--toss-gray-900:#282821;--toss-blue-50:#eaf0fa;--toss-blue-100:#dce5f5;--toss-blue-400:#92aad6;--toss-blue-500:#5b729c;--toss-blue-600:#506b9a;--toss-blue-700:#3e5782;background:#e7e4dd}.user-editor-shell .user-editor-header{color:#ece8df;background:#1b1c1a;border-bottom:1px solid #ffffff17;padding-block:9px}.user-editor-shell .user-editor-header>button{color:#bfbab0;border-radius:7px;min-height:33px}.user-editor-shell .user-editor-header>button:hover:not(:disabled){color:#faf6ed;background:#ffffff12}.user-editor-shell .user-editor-header>button:first-child{color:#f9f4e8;font-weight:650}.user-editor-shell .user-editor-header>button:nth-of-type(3){color:#dce7ff;background:#343a44;border-color:#4c5a72}.user-editor-shell .user-editor-header>button:nth-of-type(3):hover{background:#424d60}.user-editor-shell .user-editor-header [aria-label="작업 화면 정렬"]{background:#ffffff0d;border:1px solid #ffffff12}.user-editor-shell .user-editor-header [aria-label="작업 화면 정렬"] button{color:#b3aea2}.user-editor-shell .user-editor-header [aria-label="작업 화면 정렬"] button[aria-pressed=true]{color:#222723;box-shadow:none;background:#e7e4dc}.user-editor-shell .user-editor-tools>div{background:#faf8f2;border-color:#dbd6cb;padding-block:8px;box-shadow:0 2px 6px #34301f04}.user-editor-shell .user-editor-tools>div>button{border-radius:6px;min-width:32px;min-height:32px}.user-editor-shell .user-editor-tools>div>button:hover:not(:disabled){background:#eae5da}.user-editor-shell .user-editor-tools>div>button[title="저장 Ctrl+S"]{color:#31486e;background:#dfe8f8;border:1px solid #c5d2e9}.user-editor-shell .user-editor-tools>div>button[title=이미지\ 업로드]{color:#5e584a;background:#eee9de}.user-editor-shell .user-editor-panel{scrollbar-color:#c9c2b5 transparent;background:#fcfaf5;border-color:#dcd6c9}.user-editor-shell .user-editor-panel-heading{background:#f6f3eb;border-color:#e3ddd1;padding-block:18px}.user-editor-shell .user-editor-panel-heading h2{color:#3d3a31;font-size:13px;font-weight:600}.user-editor-shell .user-editor-panel-tabs{background:#fcfaf5;border-color:#e4ded2;gap:6px;padding:10px 12px}.user-editor-shell .user-editor-panel-tabs button{color:#8c8578;border:1px solid #0000;border-radius:6px;font-weight:500}.user-editor-shell .user-editor-panel-tabs button[aria-selected=true]{color:#3f557c;background:#e8edf6;border-color:#d2dcec;font-weight:600}.user-editor-shell .user-editor-panel :is(input:not([type=color]):not([type=range]):not([type=checkbox]),select,textarea){color:#514c40;background:#fffefa;border-color:#dcd5c7;border-radius:6px}.user-editor-shell :is(button,input,select,textarea):focus-visible{outline-offset:2px;outline:2px solid #8aa4cd}.user-editor-shell .user-editor-panel h3{color:#797264;font-weight:600}.user-editor-shell .user-editor-workspace>.flex-1{background-color:#e9e6df}.user-editor-shell .user-editor-mobile-panels{background:#f6f3eb;border-color:#ded7c9}.user-editor-shell .user-editor-mobile-panels button{color:#526b95}.user-editor-shell .user-editor-mobile-panels button[aria-expanded=true]{background:#e0e8f5}.user-editor-mobile-result{display:none}@media (width<=767px){.user-editor-mobile-result{background:#fffdf7;border-bottom:1px solid #dcd6c9;flex-shrink:0;padding:12px;display:block}.user-editor-mobile-result p{color:#625e53;margin-bottom:10px;font-size:12px;line-height:1.6}.user-editor-mobile-result>div{flex-wrap:wrap;gap:6px;display:flex}.user-editor-mobile-result button{background:#eeeae1;border-radius:8px;min-height:44px;padding:8px 12px;font-size:13px}.user-editor-mobile-result button:last-child{color:#fff;background:#31486e}.user-editor-header,.user-editor-tools{display:none!important}.user-editor-shell{height:100dvh!important}}
