:root{--font-sans: "Space Grotesk", "Helvetica Neue", Helvetica, sans-serif;--font-display: "Fraunces", "Times New Roman", serif;--bg: #f6f2ea;--bg-deep: #efe9e0;--bg-soft: #f7f2ea;--bg-muted: #f2ece2;--bg-press: #efe7dc;--panel: #ffffff;--panel-edge: #e5ddd2;--ink: #1f1b16;--ink-strong: #3d362f;--ink-soft: #2f2a26;--muted: #6a6157;--accent: #0f766e;--accent-strong: #0b5f58;--accent-warm: #e07a5f;--danger: #b24833;--shadow: 0 20px 60px rgba(31, 27, 22, .16);--shadow-soft: 0 10px 30px rgba(31, 27, 22, .12);--shadow-tight: 0 6px 16px rgba(31, 27, 22, .14);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-pill: 999px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100%;font-family:var(--font-sans);color:var(--ink);background:var(--bg);overflow:hidden}button,input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(15,118,110,.4);outline-offset:2px}#root{min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f0e9df}::-webkit-scrollbar-thumb{background:#c7bdb0;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#b5a89a}.app-shell{position:relative;min-height:100vh;height:100dvh;background:radial-gradient(1200px 600px at 8% -10%,rgba(15,118,110,.18),transparent 60%),radial-gradient(900px 500px at 90% 0%,rgba(224,122,95,.16),transparent 60%),linear-gradient(180deg,#fbf7f0,#f1ebe2);overflow:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,rgba(31,27,22,.03),rgba(31,27,22,.03) 1px,transparent 1px,transparent 14px);pointer-events:none}.app-content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:0;height:100%;padding:20px 20px 24px;gap:16px;overflow:hidden}.workspace-header{display:grid;grid-template-columns:minmax(200px,auto) minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-xl);background:#ffffffd1;border:1px solid rgba(229,221,210,.7);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workspace-brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:46px;height:46px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--accent) 0%,#2fa18f 100%);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.08em;box-shadow:0 10px 20px #0f766e40;flex-shrink:0}.brand-title{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.02em;line-height:1.1}.brand-sub{font-size:12px;color:var(--muted);margin-top:3px;max-width:420px}.workspace-meta{display:flex;align-items:center;gap:8px;min-width:0;overflow:auto hidden;padding-bottom:2px}.workspace-chip{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-pill);border:1px solid var(--panel-edge);background:#ffffffe6;padding:6px 10px;color:var(--ink-strong);white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.03em}.workspace-chip.is-active{border-color:#0f766e73;box-shadow:0 8px 16px #0f766e26}.workspace-chip-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.workspace-actions{display:flex;align-items:center;gap:10px;justify-self:end}.workspace-main{display:grid;grid-template-columns:230px minmax(0,1fr) 336px;gap:16px;flex:1;min-height:0;transition:none}.workspace-main.is-rail-collapsed{grid-template-columns:68px minmax(0,1fr) 336px}.insert-rail{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--radius-2xl);background:#ffffffe6;border:1px solid var(--panel-edge);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;min-height:0;contain:layout paint style;transition:none}.insert-rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px}.insert-rail-title{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.insert-rail-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--panel-edge);background:#ffffffeb;color:var(--ink-strong);cursor:pointer;box-shadow:0 4px 10px #1f1b161a;transition:transform .08s ease,border-color .08s ease,box-shadow .08s ease,background .08s ease}.insert-rail-toggle:hover{transform:translateY(-1px);border-color:#0f766e59;box-shadow:0 8px 16px #0f766e2e}.insert-rail-toggle:active{transform:translateY(0)}.insert-rail-content{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden;opacity:1;transform:translate(0);will-change:auto;transition:none}.insert-rail-collapsed-content{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translate(-6px);pointer-events:none;height:0;overflow:hidden;will-change:auto;transition:none}.insert-rail-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--panel-edge);background:#fffffff5;color:var(--ink);cursor:pointer;transition:transform .08s ease,border-color .08s ease,box-shadow .08s ease,color .08s ease}.insert-rail-icon-btn:hover{transform:translateY(-1px);border-color:#0f766e59;box-shadow:0 8px 14px #0f766e29;color:var(--accent-strong)}.insert-rail.is-collapsed{padding:10px;overflow:hidden}.insert-rail.is-collapsed .insert-rail-head{justify-content:center;gap:0}.insert-rail.is-collapsed .insert-rail-title{display:none;opacity:0;width:0;overflow:hidden}.insert-rail.is-collapsed .insert-rail-toggle{margin:0 auto}.insert-rail.is-collapsed .insert-rail-content{opacity:0;transform:translate(-6px);pointer-events:none;height:0}.insert-rail.is-collapsed .insert-rail-collapsed-content{opacity:1;transform:translate(0);pointer-events:auto;height:auto}.insert-group{display:flex;flex-direction:column;gap:8px}.insert-group+.insert-group{padding-top:10px;border-top:1px solid rgba(229,221,210,.9)}.insert-group--shortcuts{margin-top:auto}.insert-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.insert-btn{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;align-items:center;text-align:left;width:100%;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid rgba(229,221,210,.95);background:var(--panel);color:var(--ink);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.insert-btn>svg{grid-row:1 / span 2;color:var(--accent-strong)}.insert-btn-main{font-size:13px;font-weight:700;letter-spacing:.02em}.insert-btn-meta{font-size:11px;color:var(--muted);line-height:1.3}.insert-btn:hover{transform:translateY(-1px);border-color:#0f766e59;box-shadow:0 12px 20px #0f766e24}.insert-btn--ghost{background:var(--bg-soft)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--ink-soft)}.shortcut-row code{border:1px solid rgba(229,221,210,.9);border-radius:var(--radius-sm);background:#ffffffeb;padding:3px 6px;font-size:10px;letter-spacing:.03em}.stage-column{display:flex;flex-direction:column;min-height:0;gap:12px}.stage-toolbar{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-xl);background:#ffffffe0;border:1px solid rgba(229,221,210,.8);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-toolbar-note{min-width:0;font-size:12px;color:var(--muted);font-weight:500;line-height:1.3}.stage-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stage-footer-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--radius-lg);border:1px solid rgba(229,221,210,.9);background:#ffffffdb}.stage-footer-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.stage-footer-item strong{font-size:12px;color:var(--ink-strong)}.control-group{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--panel-edge);background:var(--panel);box-shadow:var(--shadow-tight)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-pill);border:1px solid transparent;background:var(--bg-soft);color:var(--ink);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.icon-btn:hover{transform:translateY(-1px);border-color:#0f766e66;box-shadow:0 8px 16px #0f766e2e}.icon-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.zoom-value{min-width:52px;text-align:center;font-size:12px;font-weight:600;color:var(--muted);background:transparent;border:none;cursor:pointer}.btn-primary{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 18px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent) 0%,#2fa18f 100%);color:#fff;border:none;box-shadow:0 12px 24px #0f766e52;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;cursor:pointer}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 30px #0f766e59;filter:saturate(1.05)}.btn-primary:disabled{opacity:.6;cursor:wait;box-shadow:none}.canvas-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:24px;border-radius:var(--radius-3xl);background:radial-gradient(circle at 20% 20%,rgba(15,118,110,.06),transparent 60%),radial-gradient(circle at 80% 0%,rgba(224,122,95,.08),transparent 50%),var(--bg-soft);border:1px solid rgba(229,221,210,.8);box-shadow:var(--shadow);overflow:auto;min-height:0;height:100%;width:100%;flex:1}.canvas-viewport{position:relative;flex:0 0 auto;overflow:hidden}.canvas-board{border-radius:var(--radius-lg);box-shadow:0 20px 60px #1f1b1633;border:1px solid rgba(31,27,22,.06);background-clip:padding-box}.canvas-guide{position:absolute;background:#e07a5fcc;z-index:100;pointer-events:none}.canvas-safe-area{position:absolute;border:1px dashed rgba(15,118,110,.35);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #fff6;z-index:60;pointer-events:none}.selection-box{position:absolute;border:1px solid rgba(15,118,110,.6);background:#0f766e1f;z-index:100;pointer-events:none}.floating-toolbar{display:flex;align-items:center;gap:6px;padding:6px;border-radius:var(--radius-md);border:1px solid rgba(229,221,210,.9);background:#fffffff5;box-shadow:var(--shadow-tight);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--bg-soft);color:var(--muted);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.toolbar-btn:hover{border-color:#0f766e59;transform:translateY(-1px)}.toolbar-btn.is-active{background:#0f766e24;border-color:#0f766e80;color:var(--accent-strong);box-shadow:0 8px 14px #0f766e2e}.toolbar-divider{width:1px;height:18px;background:var(--panel-edge)}.panel{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:var(--radius-2xl);background:#fffffff0;border:1px solid var(--panel-edge);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:0}.properties-panel{width:100%;max-width:336px;height:100%;min-height:0;overflow:auto}.panel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.panel-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.panel-divider{border-top:1px solid var(--panel-edge);padding-top:12px;margin-top:12px}.panel-dropdown{position:relative;grid-column:1 / -1;z-index:5}.panel-dropdown-toggle{width:100%;justify-content:space-between}.panel-chevron{color:var(--muted);transition:transform .2s ease,color .2s ease}.panel-chevron.is-open{transform:rotate(180deg);color:var(--accent-strong)}.panel-dropdown-menu{position:absolute;left:0;top:calc(100% + 8px);width:100%;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--radius-lg);border:1px solid var(--panel-edge);background:var(--panel);box-shadow:var(--shadow-soft);z-index:20;animation:dropdownIn .18s ease both}.panel-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.panel-dropdown-item:hover{transform:translateY(-1px);border-color:#0f766e4d;background:#0f766e14;box-shadow:0 8px 14px #0f766e24}.panel-dropdown-item.is-active{border-color:#0f766e73;color:var(--accent-strong);background:#0f766e24}.panel-dropdown-meta{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.02em;white-space:nowrap}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.panel-accordion{border:1px solid var(--panel-edge);border-radius:var(--radius-md);background:var(--panel);padding:8px 10px}.panel-accordion+.panel-accordion{margin-top:8px}.panel-accordion-title{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--ink)}.panel-accordion-title::-webkit-details-marker{display:none}.panel-accordion-title::marker{content:""}.panel-accordion-title .panel-chevron{width:14px;height:14px;flex-shrink:0}.panel-accordion[open] .panel-chevron{transform:rotate(180deg);color:var(--accent-strong)}.panel-accordion-body{margin-top:10px}.panel-input,.panel-select,.panel-textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);padding:8px 10px;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}.panel-input--compact{width:72px;padding:8px}.panel-input--bare{border:none!important;box-shadow:none!important;padding:0 4px;background:transparent!important;border-radius:0}.panel-input--flex{flex:1;min-width:30px}.panel-field-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.panel-guides-card{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--panel-edge);background:var(--bg-soft)}.panel-guides-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%}.panel-guides-row .panel-mini-input{flex:1}.panel-chip-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--panel-edge);background:var(--panel);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease}.panel-chip-toggle:hover{border-color:#0f766e59;box-shadow:0 6px 12px #0f766e1f}.panel-chip-toggle.is-active{border-color:#0f766e73;background:#0f766e1f;color:var(--accent-strong);box-shadow:0 8px 14px #0f766e29}.chip-dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--panel-edge)}.panel-chip-toggle.is-active .chip-dot{background:var(--accent)}.panel-guides-controls{display:flex;flex-direction:column;gap:8px}.panel-mini-input{display:inline-flex;align-items:center;gap:4px;padding:0 6px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--panel-edge);background:var(--panel);width:100%;font-size:12px}.panel-mini-input--compact{min-width:64px;max-width:84px}.panel-mini-input--wide{min-width:84px;max-width:104px}.panel-mini-input:focus-within{border-color:#0f766e80;box-shadow:0 0 0 3px #0f766e1f}.panel-mini-input.is-disabled{opacity:.6}.panel-mini-input input[type=number]{font-variant-numeric:tabular-nums}.panel-mini-suffix{font-size:10px;font-weight:600;color:var(--muted)}.panel-mini-prefix{font-size:9px;font-weight:700;color:var(--muted)}.panel-icon-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--panel-edge);background:var(--panel);color:var(--muted);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.panel-icon-toggle:hover{border-color:#0f766e59;box-shadow:0 8px 14px #0f766e1f}.panel-icon-toggle.is-active{border-color:#0f766e73;color:var(--accent-strong);background:#0f766e1f;box-shadow:0 8px 14px #0f766e29}.panel-icon-toggle:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.panel-icon-toggle--mini{width:24px;height:24px;border-radius:var(--radius-sm)}.panel-guides-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel-guides-side{display:flex;flex-direction:column;border:1px solid var(--panel-edge);border-radius:var(--radius-md);background:var(--panel);padding:6px;gap:4px}.panel-guides-side-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.panel-side-toggle{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid var(--panel-edge);background:var(--panel);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease}.panel-side-toggle:hover{border-color:#0f766e59;box-shadow:0 6px 12px #0f766e1f}.panel-side-toggle.is-active{border-color:#0f766e73;color:var(--accent-strong);background:#0f766e1f}.panel-hint{font-size:10px;color:var(--muted)}.panel-layers{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto;padding-right:2px}.panel-layer-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:var(--radius-md);border:1px solid rgba(229,221,210,.95);background:#ffffffe6;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.panel-layer-item:hover{border-color:#0f766e57;box-shadow:0 6px 12px #0f766e1f}.panel-layer-item.is-selected{border-color:#0f766e80;background:#0f766e1a}.panel-layer-item:focus{outline:none}.panel-layer-item:focus-visible{outline:none}.panel-layer-item:focus-visible:not(.is-selected){outline:2px solid rgba(15,118,110,.45);outline-offset:1px}.panel-layer-main{min-width:0;display:flex;align-items:center;gap:8px}.panel-layer-dot{width:10px;height:10px;border-radius:var(--radius-pill);flex-shrink:0}.panel-layer-dot--text{background:#0f766ed9}.panel-layer-dot--image{background:#e07a5fe6}.panel-layer-dot--shape{background:#3f5b94e0}.panel-layer-text{min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left}.panel-layer-title{font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-layer-meta{font-size:10px;color:var(--muted);letter-spacing:.03em}.panel-layer-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.panel-layer-action{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--panel-edge);background:var(--panel);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .1s ease,box-shadow .1s ease,color .1s ease,background .1s ease}.panel-layer-action:hover{border-color:#0f766e59;box-shadow:0 5px 10px #0f766e1f;color:var(--accent-strong)}.panel-layer-action.is-active{border-color:#0f766e73;color:var(--accent-strong);background:#0f766e1f}.panel-layer-action:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.panel-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:34px}.panel-select:hover{border-color:#0f766e59;box-shadow:0 6px 12px #0f766e1f}.panel-select-wrap{position:relative;display:flex;align-items:center}.panel-select-icon{position:absolute;right:12px;pointer-events:none}.panel-select-wrap:focus-within .panel-chevron{color:var(--accent-strong)}.panel-textarea{min-height:96px;resize:none}.panel-input:focus,.panel-select:focus,.panel-textarea:focus{outline:none;border-color:#0f766e80;box-shadow:0 0 0 3px #0f766e1f}.panel-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);font-size:12px;font-weight:600;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.panel-button:hover{transform:translateY(-1px);border-color:#0f766e66;box-shadow:0 8px 14px #0f766e29}.panel-button.is-active{border-color:#0f766e73;color:var(--accent-strong);background:#0f766e1f}.panel-button.is-danger{border-color:#b2483366;color:var(--danger);background:#b2483314}.panel-button.is-danger:hover{border-color:#b2483399;box-shadow:0 8px 14px #b248332e}.panel-button.is-solid{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 20px #0f766e40}.panel-toggle{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--radius-md);border:1px solid var(--panel-edge);background:var(--panel);color:var(--muted);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer}.panel-toggle:hover{border-color:#0f766e59;transform:translateY(-1px)}.panel-toggle.is-active{background:#0f766e29;border-color:#0f766e73;color:var(--accent-strong);box-shadow:0 8px 14px #0f766e29}.panel-segment{display:flex;gap:6px;padding:6px;border-radius:var(--radius-lg);border:1px solid var(--panel-edge);background:var(--bg-soft)}.panel-segment-btn{flex:1;border-radius:var(--radius-sm);padding:6px;color:var(--muted);background:transparent;border:none;transition:background .2s ease,color .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.panel-segment-btn:hover{background:#0f766e1f;color:var(--accent-strong)}.panel-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-pill);background:#0f766e1f;color:var(--accent-strong);font-size:11px;font-weight:600}.panel-note{padding:12px;border-radius:var(--radius-md);border:1px dashed rgba(15,118,110,.3);background:#0f766e14;color:var(--accent-strong);font-size:13px;font-weight:600}.panel-alert{padding:12px;border-radius:var(--radius-md);border:1px solid rgba(178,72,51,.3);background:#b2483314;color:var(--danger);font-size:12px;font-weight:600;text-align:center}.selection-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(15,118,110,.7);border-radius:var(--radius-sm);pointer-events:none}.selection-ring.is-editing{border-color:#0f766e59}.selection-ring.is-locked{border-color:#b24833b3;border-style:dashed}.selection-handle{background:var(--panel);border:2px solid var(--accent);border-radius:var(--radius-pill);box-shadow:var(--shadow-tight);transition:transform .15s ease}.selection-handle:hover{transform:scale(1.1)}.selection-rotate-stem{background:var(--accent)}.hover-outline{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);border:1px solid rgba(31,27,22,.18);pointer-events:none}.panel-rule{height:1px;background:var(--panel-edge);margin:16px 0}.crop-toolbar{padding:8px;gap:8px;border-radius:var(--radius-lg)}.crop-toolbar .panel-button{padding:8px 14px;font-weight:700}.crop-toolbar .panel-button.is-solid{box-shadow:0 10px 20px #0f766e47}.crop-hint{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--panel-edge);background:#ffffffdb;color:var(--ink-strong);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-tight);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crop-frame{border:2px solid rgba(15,118,110,.75);border-radius:var(--radius-md);box-shadow:0 0 0 2px #fff6}.crop-dimmer{box-shadow:0 0 0 9999px #1f1b16a6}.app-shell .rounded-sm{border-radius:var(--radius-sm)}.app-shell .rounded,.app-shell .rounded-md{border-radius:var(--radius-md)}.app-shell .rounded-lg{border-radius:var(--radius-lg)}.app-shell .rounded-xl{border-radius:var(--radius-xl)}.app-shell .rounded-2xl{border-radius:var(--radius-2xl)}.app-shell .rounded-full{border-radius:var(--radius-pill)}.app-shell .shadow-sm{box-shadow:var(--shadow-tight)}.app-shell .shadow-lg{box-shadow:var(--shadow-soft)}.app-shell .shadow-2xl{box-shadow:var(--shadow)}.reveal{animation:rise .6s ease both}.stagger-children>*{animation:rise .6s ease both}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--accent)}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;border-radius:999px;background:#e5ddd2e6;outline:none}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#e5ddd2e6}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:999px;background:var(--accent);border:2px solid #ffffff;box-shadow:0 4px 10px #0f766e59;margin-top:-5px}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#e5ddd2e6}input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:#0f766e59}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:var(--accent);border:2px solid #ffffff;box-shadow:0 4px 10px #0f766e59}@media(max-width:1024px){.app-shell{height:auto}.workspace-main{grid-template-columns:1fr;grid-template-areas:"rail" "stage" "panel";height:auto}.workspace-main.is-rail-collapsed{grid-template-columns:1fr;grid-template-areas:"rail" "stage" "panel"}.insert-rail{display:flex;flex-direction:column;overflow:visible}.insert-rail-content{display:flex;flex-direction:column;gap:12px}.insert-rail-collapsed-content{flex-direction:row}.properties-panel{width:100%;height:auto}.app-content{height:auto;overflow:visible}body{overflow:auto}}@media(max-width:640px){.app-content{padding:16px}.workspace-header{padding:12px}.workspace-meta{width:100%}.workspace-actions{width:100%;justify-content:space-between}.stage-toolbar{flex-direction:column;align-items:stretch}.stage-footer{grid-template-columns:1fr}}