:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7ebef;background:#14171a;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ui-bg-app: #14171a;--ui-bg-panel: #181b1f;--ui-bg-surface: #20252a;--ui-bg-surface-hover: #282e34;--ui-bg-control: #171b1f;--ui-bg-selected: rgba(47, 79, 127, .78);--ui-text: #e7ebef;--ui-text-strong: #f4f7fa;--ui-text-muted: #929ca5;--ui-text-subtle: #707a84;--ui-accent: #76a5cf;--ui-accent-soft: rgba(90, 143, 190, .16);--ui-success: #9ed7a8;--ui-success-soft: rgba(50, 90, 56, .38);--ui-danger: #ef9ba2;--ui-border: #343b42;--ui-border-strong: #46515b;--ui-border-soft: rgba(255, 255, 255, .075);--ui-radius-sm: 6px;--ui-radius-md: 8px;--ui-radius-lg: 12px;--ui-control-height: 30px;--ui-panel-padding: 12px;--ui-shadow-card: 0 8px 24px rgba(0, 0, 0, .24);--ui-transition: .14s ease}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-bg-surface);color:var(--ui-text);transition:background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition),box-shadow var(--ui-transition),filter var(--ui-transition),transform var(--ui-transition)}button:not(:disabled){cursor:pointer}button:not(:disabled):hover{border-color:var(--ui-border-strong);filter:brightness(1.1)}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(118,165,207,.72);outline-offset:1px}input[type=text],input[type=number]{min-height:28px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);background:var(--ui-bg-control);color:var(--ui-text-strong);transition:border-color var(--ui-transition),box-shadow var(--ui-transition)}input[type=text]:hover,input[type=number]:hover{border-color:#596672}input[type=checkbox]{width:14px;height:14px}*{scrollbar-width:thin;scrollbar-color:#46505a transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#46505a;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#596571;background-clip:padding-box}.editor-shell{background:var(--ui-bg-app);color:var(--ui-text)}.editor-panel{min-width:0;min-height:0;background:var(--ui-bg-panel)}.editor-panel-scroll{padding:var(--ui-panel-padding);overflow:auto}.editor-resizer{background:#24292e;transition:background-color var(--ui-transition)}.project-lifecycle-bar{box-sizing:border-box;height:42px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ui-border);background:#171b1f}.project-lifecycle-bar__commands,.project-lifecycle-bar__status{min-width:0;display:flex;align-items:center;gap:6px}.project-lifecycle-bar__commands{flex:0 0 auto}.project-lifecycle-bar__brand{margin-right:5px;color:var(--ui-text-strong);font-size:14px;font-weight:800;letter-spacing:-.04em}.project-lifecycle-bar__separator{width:1px;height:20px;margin:0 2px;background:var(--ui-border)}.project-export-dialog{width:min(520px,calc(100vw - 32px))}.project-export-dialog .new-project-dialog__header{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.project-export-dialog .new-project-dialog__header span{color:var(--ui-text-muted);font-size:11px;font-weight:500}.project-export-dialog__body{display:grid;gap:10px}.project-export-dialog__summary{display:flex;gap:7px;color:var(--ui-text-muted);font-size:11px}.project-export-dialog__summary span{padding:4px 7px;border:1px solid var(--ui-border);border-radius:6px;background:#171b1f}.project-export-destination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:9px;background:#171b1f}.project-export-destination>div{min-width:0;display:grid;gap:3px}.project-export-destination span{overflow:hidden;color:var(--ui-text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.project-export-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--ui-border);border-radius:9px;background:#171b1f;cursor:pointer}.project-export-option--selected{border-color:#5684a7;background:#3b678e33}.project-export-option>span{display:grid;gap:3px}.project-export-option small{color:var(--ui-text-muted)}.project-export-formats-toggle{min-height:26px;padding:2px 8px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--ui-text-muted);font-size:11px;cursor:pointer}.project-export-formats-toggle:hover:not(:disabled){color:var(--ui-text)}.project-export-formats-toggle__icon{transition:transform .14s ease}.project-export-formats-toggle__icon--open{transform:rotate(180deg)}.project-export-progress{display:grid;gap:6px;margin-top:4px}.project-export-progress div{display:flex;justify-content:space-between;color:var(--ui-text-muted);font-size:11px}.project-export-progress progress{width:100%;accent-color:#6694b7}.project-export-error{margin:0;color:#e99696;font-size:11px}.project-lifecycle-bar__status{flex:1 1 auto;justify-content:flex-end}.project-lifecycle-status{flex:0 0 auto;padding:3px 7px;border:1px solid var(--ui-border);border-radius:999px;color:var(--ui-text-muted);font-size:10px;font-weight:700}.project-lifecycle-status--dirty,.project-lifecycle-status--saving,.project-lifecycle-status--loading{border-color:#cea65f80;color:#e6c47f}.project-lifecycle-document{flex:0 0 auto;color:var(--ui-text-muted);font-size:11px}.project-lifecycle-location{max-width:min(42vw,560px);overflow:hidden;color:var(--ui-text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.project-lifecycle-notice{max-width:min(34vw,440px);overflow:hidden;color:var(--ui-text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.project-lifecycle-notice--warning{color:#e6c47f}.project-lifecycle-notice--error{color:var(--ui-danger)}.project-missing-sources{position:relative;flex:0 0 auto;color:#e6c47f;font-size:11px}.project-missing-sources>summary{cursor:pointer}.new-project-dialog-backdrop{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:28px;background:#050709c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-start-screen{position:fixed;inset:0;z-index:2000;display:grid;place-items:start center;padding:200px 28px 28px;background:radial-gradient(circle at 50% 42%,rgba(67,98,126,.12),transparent 36%),#06080ab8;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.project-start-screen__card{width:min(480px,92vw);padding:28px;box-sizing:border-box;text-align:center}.project-start-screen__actions{display:grid;grid-template-columns:repeat(2,minmax(0,200px));justify-content:center;gap:14px}.project-start-screen__action{min-width:0;min-height:260px;padding:24px 18px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:#1b2025e6;color:var(--ui-text);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.project-start-screen__action:hover:not(:disabled){border-color:#6684a0;background:#273039f5;transform:translateY(-2px)}.project-start-screen__action:focus-visible{outline:2px solid #7ea7c8;outline-offset:2px}.project-start-screen__action:disabled{opacity:.55;cursor:default}.project-start-screen__action-icon{width:66px;height:66px;margin-bottom:6px;display:grid;place-items:center;color:#a8cce8}.project-start-screen__action-icon--plus{font-size:64px;font-weight:200;line-height:1}.project-start-screen__action strong{font-size:16px}.project-start-screen__action small{color:var(--ui-text-muted);font-size:11px;font-weight:500}.new-project-dialog{width:min(560px,92vw);max-height:min(680px,88vh);overflow:hidden;color:var(--ui-text)}.new-project-dialog__header,.new-project-dialog__body,.new-project-dialog__actions{padding:18px 20px}.new-project-dialog__header{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid var(--ui-border)}.new-project-dialog__header strong{font-size:16px}.new-project-dialog__header span,.new-project-dialog__filename,.new-project-dialog__files p{color:var(--ui-text-muted);font-size:12px}.new-project-dialog__body{display:flex;flex-direction:column;gap:14px;overflow:auto}.new-project-dialog__field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.new-project-dialog__field input{min-height:38px;padding:0 11px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-md);outline:none;background:#111519;color:var(--ui-text)}.new-project-dialog__field input:focus{border-color:#627487}.new-project-dialog__files{min-height:96px;padding:13px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:#0d10137a;font-size:12px}.new-project-dialog__location{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:74px;padding:13px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:#0d10137a;font-size:12px}.new-project-dialog__location>div{min-width:0;display:grid;gap:6px}.new-project-dialog__location span,.new-project-dialog__structure{color:var(--ui-text-muted);font-size:12px}.new-project-dialog__location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-project-dialog__structure{margin:-4px 0 0;line-height:1.55}.new-project-dialog__files ul{max-height:220px;margin:10px 0 0;padding-left:20px;overflow:auto;color:var(--ui-text-muted)}.new-project-dialog__files li+li{margin-top:5px}.new-project-dialog__actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--ui-border)}.project-missing-sources__menu{position:absolute;top:26px;right:0;width:320px;padding:8px;display:grid;gap:6px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-md);background:var(--ui-bg-surface);box-shadow:var(--ui-shadow-card)}.project-missing-sources__item{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.project-missing-sources__item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:linear-gradient(145deg,#20252a,#1a1e22);box-shadow:var(--ui-shadow-card)}.ui-button{min-height:var(--ui-control-height);padding:0 11px;border-radius:var(--ui-radius-sm);font-size:12px;font-weight:600}.ui-button--icon{width:var(--ui-control-height);height:var(--ui-control-height);min-height:var(--ui-control-height);padding:0;display:inline-flex;align-items:center;justify-content:center}.ui-button--primary{border-color:#668aa7;background:#527691;color:#f5f8fa}.ui-button--danger{border-color:#6a3b3f;background:#3a2427;color:#f4e9ea}.ui-input{box-sizing:border-box;padding:4px 7px;font-size:12px;font-variant-numeric:tabular-nums}.ui-input--compact{min-height:16px}.ui-section-title{margin-bottom:8px;color:#d8e1e9;font-size:12px;font-weight:700;letter-spacing:.01em}.ui-badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:18px;padding:2px 6px;border:1px solid var(--ui-border-strong);border-radius:999px;font-size:9px;line-height:1;font-weight:800;letter-spacing:.42px}.ui-badge--new{border-color:#71a97a75;background:var(--ui-success-soft);color:var(--ui-success)}.psd-import-button{width:100%;min-height:35px;padding:5px 11px;display:flex;align-items:center;gap:9px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:linear-gradient(145deg,#22272c,#1d2125);box-shadow:var(--ui-shadow-card),inset 0 1px #ffffff06;color:var(--ui-text-strong);text-align:left}.psd-import-button:hover{border-color:#4b5966;background:linear-gradient(145deg,#282e34,#22272c);box-shadow:0 10px 26px #0000004d,inset 0 1px #ffffff09;transform:translateY(-1px)}.psd-empty-state{padding:18px 14px;border:1px dashed var(--ui-border);border-radius:var(--ui-radius-md);background:#15181b80;color:var(--ui-text-muted);font-size:12px;line-height:1.5;text-align:center}.preview-dialog-surface{border:1px solid var(--ui-border-strong);border-radius:16px;background:linear-gradient(150deg,#20252a,#171b1f);box-shadow:0 28px 80px #0000008c,inset 0 1px #ffffff09}.preview-dialog-entry{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:#0d10137a}.dimension-input{min-height:20px!important;height:20px;box-sizing:border-box;padding:1px 3px!important;border-color:#46515bc7!important;border-radius:4px!important;background:#11161a6b!important;color:inherit!important;font:inherit!important;font-variant-numeric:tabular-nums;cursor:text}.dimension-input:hover{border-color:#596a79!important;background:#151a1e!important}.dimension-input:focus,.dimension-input:focus-visible{border-color:#6286a6!important;outline:2px solid rgba(118,165,207,.28)!important;outline-offset:0!important;background:#11161a!important}.number-input--no-spinner{appearance:textfield;-moz-appearance:textfield}.number-input--no-spinner::-webkit-inner-spin-button,.number-input--no-spinner::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}.refresh-summary{padding:13px;border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-card)}.refresh-summary--ok{border:1px solid rgba(100,143,115,.5);background:linear-gradient(145deg,#223a2ac7,#19221deb)}.refresh-summary--problem{border:1px solid rgba(178,104,109,.55);background:linear-gradient(145deg,#452327c2,#221b1de6)}.refresh-summary__metric{padding:7px 8px;border:1px solid rgba(255,255,255,.045);border-radius:var(--ui-radius-sm);background:#0a0d0c3d}.preview-toolbar{border:1px solid var(--ui-border-soft);border-radius:999px;background:#0e1218db;box-shadow:var(--ui-shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-toolbar .ui-button{min-height:26px;padding:0 9px;border-radius:999px;background:#ffffff0b;color:#eef3f8;font-size:11px}.preview-viewport--pan-modifier{cursor:grab!important}.preview-viewport--pan-modifier.preview-viewport--panning,.preview-viewport--panning{cursor:grabbing!important}.preview-toolbar__divider{width:1px;height:18px;margin:0 2px;background:var(--ui-border-soft)}.preview-quality-control{min-width:0;display:inline-flex;align-items:center;gap:6px}.preview-quality-control__label{color:var(--ui-text-muted);font-size:10px;font-weight:700;letter-spacing:.02em}.preview-quality-control__select{box-sizing:border-box;width:72px;height:26px;padding:0 20px 0 8px;border:1px solid var(--ui-border-soft);border-radius:999px;background:#ffffff0b;color:#eef3f8;font-size:11px;font-variant-numeric:tabular-nums;text-align:center;text-align-last:center}.preview-quality-control__select:hover{border-color:var(--ui-border-strong);background:#ffffff13}