.project-list-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--c-bg);padding:var(--sp-32)}.project-list-container{width:100%;max-width:1200px}.project-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-32)}.project-list-title{font-size:var(--fs-20);font-weight:var(--fw-600);color:var(--c-text)}.create-project-button{padding:var(--sp-10) var(--sp-20);background:var(--c-primary);color:#fff;border-radius:var(--r-8);font-size:var(--fs-14);font-weight:var(--fw-500);transition:background .2s}.create-project-button:hover{background:var(--c-primary-2)}.project-list-empty{text-align:center;padding:var(--sp-64) var(--sp-32);color:var(--c-text-3)}.project-list-empty p{margin-bottom:var(--sp-24);font-size:var(--fs-16)}.create-first-button{padding:var(--sp-12) var(--sp-24);background:var(--c-primary);color:#fff;border-radius:var(--r-8);font-size:var(--fs-14);font-weight:var(--fw-500);transition:background .2s}.create-first-button:hover{background:var(--c-primary-2)}.project-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-20)}.project-card{background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-12);padding:var(--sp-20);cursor:pointer;transition:all .2s}.project-card:hover{border-color:var(--c-primary);box-shadow:var(--sh-1);transform:translateY(-2px)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-12)}.project-card-title{font-size:var(--fs-16);font-weight:var(--fw-600);color:var(--c-text);flex:1;margin-right:var(--sp-8)}.project-card-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--c-text-3);font-size:var(--fs-20);line-height:1;border-radius:var(--r-6);transition:all .2s}.project-card-delete:hover{background:var(--c-danger);color:#fff}.project-card-info{display:flex;flex-direction:column;gap:var(--sp-8)}.project-card-file{font-size:var(--fs-12);color:var(--c-text-2);font-family:var(--font-mono)}.project-card-description{font-size:var(--fs-13);color:var(--c-text-2);line-height:var(--lh-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-meta{display:flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-11);color:var(--c-text-3);margin-top:var(--sp-4)}.loading{text-align:center;padding:var(--sp-64);color:var(--c-text-3)}.setup-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--c-bg)}.setup-container{width:100%;max-width:500px;padding:var(--sp-32);background:var(--c-panel);border-radius:var(--r-16);border:1px solid var(--c-border);box-shadow:var(--sh-2)}.setup-title{font-size:var(--fs-20);font-weight:var(--fw-600);margin-bottom:var(--sp-24);color:var(--c-text);text-align:center}.setup-form{display:flex;flex-direction:column;gap:var(--sp-20)}.setup-field{display:flex;flex-direction:column;gap:var(--sp-8)}.setup-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16)}.setup-field label{font-size:var(--fs-14);font-weight:var(--fw-500);color:var(--c-text-2)}.setup-field label input[type=checkbox]{margin-right:var(--sp-8)}.setup-input,.setup-select,.setup-textarea{padding:var(--sp-10) var(--sp-12);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-8);color:var(--c-text);font-size:var(--fs-14);transition:border-color .2s;width:100%;font-family:inherit}.setup-input:focus,.setup-select:focus,.setup-textarea:focus{border-color:var(--c-primary)}.setup-textarea{resize:vertical;min-height:80px}.setup-hint{font-size:var(--fs-11);color:var(--c-text-3);margin-top:var(--sp-4)}.setup-preset-info{font-size:var(--fs-12);color:var(--c-text-3);margin-top:var(--sp-4)}.setup-actions{display:flex;gap:var(--sp-12);margin-top:var(--sp-8)}.setup-cancel{flex:1;padding:var(--sp-12) var(--sp-24);background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--r-8);font-size:var(--fs-14);font-weight:var(--fw-500);transition:all .2s}.setup-cancel:hover{background:var(--c-panel-2);border-color:var(--c-border-2)}.setup-submit{flex:1;padding:var(--sp-12) var(--sp-24);background:var(--c-primary);color:#fff;border-radius:var(--r-8);font-size:var(--fs-14);font-weight:var(--fw-600);transition:background .2s}.setup-submit:hover{background:var(--c-primary-2)}.setup-submit:active{transform:scale(.98)}.topbar{display:flex;align-items:center;gap:var(--sp-16);height:var(--topbar-h);padding:0 var(--sp-16);background:var(--c-panel);border-bottom:1px solid var(--c-border);flex-shrink:0}.topbar-section{display:flex;align-items:center;gap:var(--sp-8)}.topbar-back-button{padding:var(--sp-6) var(--sp-10);font-size:var(--fs-16);color:var(--c-text-2);border-radius:var(--r-6);transition:all .2s}.topbar-back-button:hover{background:var(--c-surface);color:var(--c-text)}.topbar-title-input{background:transparent;border:none;color:var(--c-text);font-size:var(--fs-16);font-weight:var(--fw-600);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-6);min-width:200px}.topbar-title-input:hover{background:var(--c-surface)}.topbar-title-input:focus{background:var(--c-surface);outline:1px solid var(--c-primary)}.topbar-save-status{display:flex;align-items:center;gap:var(--sp-4)}.save-status{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--fs-12);padding:var(--sp-4) var(--sp-8);border-radius:var(--r-6);transition:all .2s}.save-status.saving{color:var(--c-warn)}.save-status.saved{color:var(--c-ok)}.save-status.unsaved{color:var(--c-danger);background:transparent;border:none;cursor:pointer}.save-status.unsaved:hover{background:var(--c-surface)}.save-status svg{font-size:var(--fs-14)}.topbar-slide-info{font-size:var(--fs-13);color:var(--c-text-2)}.topbar-zoom{display:flex;align-items:center;gap:var(--sp-4)}.topbar-zoom button{padding:var(--sp-4) var(--sp-8);font-size:var(--fs-12);color:var(--c-text-2);border-radius:var(--r-6);transition:all .2s}.topbar-zoom button:hover{background:var(--c-surface);color:var(--c-text)}.topbar-zoom-value{font-size:var(--fs-12);color:var(--c-text-3);margin-left:var(--sp-4)}.topbar-toggle{padding:var(--sp-6) var(--sp-12);font-size:var(--fs-12);color:var(--c-text-2);border-radius:var(--r-6);transition:all .2s}.topbar-toggle:hover{background:var(--c-surface);color:var(--c-text)}.topbar-toggle.active{background:var(--c-primary);color:#fff}.left-sidebar{display:flex;width:var(--sidebar-w);background:var(--c-panel);border-right:1px solid var(--c-border);flex-shrink:0}.sidebar-tools{display:flex;flex-direction:column;width:60px;background:var(--c-panel-2);border-right:1px solid var(--c-border);padding:var(--sp-8) 0;gap:var(--sp-4)}.tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-8);color:var(--c-text-2);border-radius:var(--r-8);transition:all .2s;min-height:60px}.tool-button:hover{background:var(--c-surface);color:var(--c-text)}.tool-button.active{background:var(--c-primary);color:#fff}.tool-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.tool-label{font-size:var(--fs-11)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--sp-16)}.sidebar-panel h3{font-size:var(--fs-14);font-weight:var(--fw-600);margin-bottom:var(--sp-12);color:var(--c-text)}.slide-list{display:flex;flex-direction:column;gap:var(--sp-8);margin-bottom:var(--sp-16)}.slide-item{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-8);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-8);cursor:pointer;transition:all .2s}.slide-item:hover{border-color:var(--c-primary);background:var(--c-panel-2)}.slide-item.active{border-color:var(--c-primary);background:var(--c-primary);color:#fff}.slide-thumbnail{width:100%;aspect-ratio:16/9;background:var(--c-bg);border-radius:var(--r-6);display:flex;align-items:center;justify-content:center;font-size:var(--fs-11);color:var(--c-text-3)}.slide-name{font-size:var(--fs-12);font-weight:var(--fw-500)}.add-slide-button{width:100%;padding:var(--sp-10);background:var(--c-primary);color:#fff;border-radius:var(--r-8);font-size:var(--fs-13);font-weight:var(--fw-500);transition:background .2s}.add-slide-button:hover{background:var(--c-primary-2)}.canvas-stage-wrapper{position:relative;box-shadow:var(--sh-2);border-radius:var(--r-8);overflow:hidden}.canvas-stage{display:block}.canvas-area{flex:1;overflow:auto;background:var(--canvas-bg);background-image:linear-gradient(45deg,var(--canvas-checker-a) 25%,transparent 25%),linear-gradient(-45deg,var(--canvas-checker-a) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--canvas-checker-a) 75%),linear-gradient(-45deg,transparent 75%,var(--canvas-checker-a) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;position:relative;display:flex;align-items:center;justify-content:center}.canvas-container{position:relative;margin:var(--sp-32);transition:transform .2s}.safe-area-overlay{position:absolute;border:2px dashed var(--c-safe);pointer-events:none}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--c-guide) 1px,transparent 1px),linear-gradient(to bottom,var(--c-guide) 1px,transparent 1px);background-size:8px 8px;pointer-events:none;opacity:.3}.right-inspector{display:flex;flex-direction:column;width:var(--inspector-w);background:var(--c-panel);border-left:1px solid var(--c-border);flex-shrink:0}.inspector-header{border-bottom:1px solid var(--c-border);padding:var(--sp-12) var(--sp-16)}.inspector-selection{margin-bottom:var(--sp-12)}.inspector-label{font-size:var(--fs-13);font-weight:var(--fw-600);color:var(--c-text)}.inspector-tabs{display:flex;gap:var(--sp-4)}.inspector-tab{flex:1;padding:var(--sp-6) var(--sp-8);font-size:var(--fs-12);color:var(--c-text-2);border-radius:var(--r-6);transition:all .2s}.inspector-tab:hover{background:var(--c-surface);color:var(--c-text)}.inspector-tab.active{background:var(--c-primary);color:#fff}.inspector-content{flex:1;overflow-y:auto;padding:var(--sp-16)}.inspector-panel{display:flex;flex-direction:column;gap:var(--sp-16)}.inspector-empty{color:var(--c-text-3);text-align:center;padding:var(--sp-32) 0}.inspector-section{display:flex;flex-direction:column;gap:var(--sp-8);margin-top:var(--sp-16)}.inspector-section label{font-size:var(--fs-12);font-weight:var(--fw-500);color:var(--c-text-2)}.inspector-input-row{display:flex;align-items:center;gap:var(--sp-8)}.inspector-input{flex:1;padding:var(--sp-8) var(--sp-10);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-6);color:var(--c-text);font-size:var(--fs-13)}.inspector-input:focus{border-color:var(--c-primary)}.inspector-panel-content{display:flex;flex-direction:column;gap:var(--sp-16)}.editor-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor-content{display:flex;flex:1;overflow:hidden}:root{--c-bg: #0b0f14;--c-surface: #101826;--c-panel: #121c2b;--c-panel-2: #162235;--c-border: rgba(255, 255, 255, .08);--c-border-2: rgba(255, 255, 255, .14);--c-text: rgba(255, 255, 255, .92);--c-text-2: rgba(255, 255, 255, .72);--c-text-3: rgba(255, 255, 255, .52);--c-primary: #5aa7ff;--c-primary-2: #2f7fff;--c-danger: #ff5a6a;--c-warn: #ffcc66;--c-ok: #4cd48b;--c-guide: rgba(90, 167, 255, .55);--c-safe: rgba(255, 255, 255, .1);--c-overlay: rgba(0, 0, 0, .52);--c-backdrop: rgba(0, 0, 0, .35);--font-ui: system-ui, -apple-system, Segoe UI, Roboto, "Noto Sans KR", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fw-400: 400;--fw-500: 500;--fw-600: 600;--fw-700: 700;--lh-tight: 1.2;--lh-normal: 1.4;--lh-loose: 1.6;--sp-2: 2px;--sp-4: 4px;--sp-6: 6px;--sp-8: 8px;--sp-10: 10px;--sp-12: 12px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--sp-32: 32px;--r-6: 6px;--r-8: 8px;--r-12: 12px;--r-16: 16px;--sh-1: 0 1px 0 rgba(0, 0, 0, .25), 0 6px 18px rgba(0, 0, 0, .28);--sh-2: 0 1px 0 rgba(0, 0, 0, .28), 0 12px 32px rgba(0, 0, 0, .38);--sh-3: 0 1px 0 rgba(0, 0, 0, .3), 0 18px 48px rgba(0, 0, 0, .48);--focus: 0 0 0 2px rgba(90, 167, 255, .55);--cur-default: default;--cur-pointer: pointer;--cur-move: move;--cur-grab: grab;--cur-grabbing: grabbing;--h-sm: 28px;--h-md: 32px;--h-lg: 36px;--icon-14: 14px;--icon-16: 16px;--icon-18: 18px;--topbar-h: 56px;--sidebar-w: 280px;--inspector-w: 320px;--canvas-bg: #0a0f16;--canvas-checker-a: rgba(255, 255, 255, .04);--canvas-checker-b: rgba(255, 255, 255, .02);--z-base: 0;--z-panel: 10;--z-popover: 50;--z-modal: 100;--z-toast: 150}html,body{height:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--fs-14);line-height:var(--lh-normal);color:var(--c-text);background:var(--c-bg)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-ui);font-size:var(--fs-14);line-height:var(--lh-normal);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-8)}::selection{background:#5aa7ff47}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}