:root{font-family:Georgia,serif;color:#f6ead2;background:radial-gradient(circle at top,rgba(198,157,87,.18),transparent 30%),linear-gradient(180deg,#3d130d,#210705 55%,#120403);--panel: rgba(86, 48, 36, .82);--panel-strong: rgba(245, 229, 194, .14);--border: rgba(246, 234, 210, .14);--accent: #d4a53f;--text-muted: rgba(246, 234, 210, .72);--shadow: 0 20px 60px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;overflow:hidden}button,input,textarea,select{font:inherit}button{border:1px solid var(--border);background:#f6ead214;color:inherit;border-radius:999px;padding:.58rem .82rem;cursor:pointer;transition:transform .12s ease,background-color .12s ease,border-color .12s ease,opacity .12s ease}button:hover{background:#f6ead224;border-color:#f6ead247}button:active{transform:translateY(1px) scale(.985)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible{outline:2px solid rgba(212,165,63,.7);outline-offset:2px}button.primary{background:linear-gradient(135deg,#d4a53f,#e6c57a);border-color:transparent;color:#34110c}button.primary:hover{background:linear-gradient(135deg,#deb358,#edd28f)}button.danger{color:#ffcfbf}.app-shell{width:min(100vw - .5rem,1820px);height:100%;margin:0 auto;padding:max(.25rem,env(safe-area-inset-top)) .25rem max(.25rem,env(safe-area-inset-bottom))}.eyebrow,.panel-kicker{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--accent)}.app-brand h1,.storyboard-header h2,.drawer-header h2{margin:0;line-height:.95;font-family:Bayeux,Times New Roman,serif}.app-actions,.canvas-toolbar-group,.storyboard-actions,.chip-row,.background-row,.swatch-row,.sidebar-top{display:flex;gap:.45rem;flex-wrap:wrap}.workspace{min-height:0;height:100%}.editor-panel{height:100%;min-width:0;display:block}.canvas-stage-panel{position:relative;height:100%;min-width:0;background:#4523198c;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:0;border-radius:1.2rem;overflow:hidden}.floating-brand,.floating-actions,.quick-toolbar{position:absolute;z-index:5;display:flex;align-items:center;gap:.45rem;padding:.4rem .55rem;background:#48281eb8;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.floating-brand{top:.6rem;left:.6rem;max-width:min(26rem,calc(100vw - 8rem));flex-direction:column;align-items:flex-start;border-radius:1rem}.floating-brand h1{margin:0;font-family:Bayeux,Times New Roman,serif;font-size:clamp(1rem,1.4vw,1.45rem);line-height:.92}.floating-actions{top:.6rem;right:.6rem;border-radius:999px}.quick-toolbar{top:3.8rem;left:50%;transform:translate(-50%);border-radius:999px}.canvas-frame{position:absolute;inset:.4rem;display:flex;justify-content:center;align-items:flex-start;padding:.45rem;background:linear-gradient(180deg,#faf1dc24,#7f371a2e),#0000001f;border-radius:1rem}.editor-stage{border-radius:1rem;overflow:hidden;box-shadow:0 22px 54px #00000047}.canvas-loading{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.overlay-panel{position:absolute;top:.6rem;bottom:.6rem;width:clamp(10rem,12vw,12rem);z-index:4;display:none;overflow:auto;border-radius:1rem;padding:.55rem;background:#452319c7;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 38px #00000038}.overlay-panel.open{display:block}.overlay-left{left:.6rem;top:7rem}.overlay-right{right:.6rem;width:clamp(12rem,14vw,14rem);top:4.75rem}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.drawer-header>div{min-width:0}.drawer-header h2{font-size:clamp(1.3rem,1.6vw,1.85rem);line-height:.9}.drawer-header button{flex:0 0 auto}.chip-row{margin:.55rem 0 .75rem}.chip{padding:.45rem .65rem}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.asset-tile,.background-chip{border-radius:1rem;padding:0;overflow:hidden;background:#ffffff14}.asset-tile:hover,.background-chip:hover,.story-thumb:hover,.chip:hover{border-color:#d4a53f73}.asset-tile img,.background-chip img{display:block;width:100%;height:100%;object-fit:contain}.asset-tile{aspect-ratio:1;border-radius:.8rem}.background-panel{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.background-chip{width:4rem;height:3rem}.inspector-body{display:grid;gap:.8rem;padding-top:.75rem}.inspector-body label{display:grid;gap:.45rem;color:var(--text-muted)}.inspector-body input[type=range],.inspector-body textarea,.inspector-body select{width:100%}.inspector-body textarea,.inspector-body select{border-radius:1rem;border:1px solid var(--border);background:#11070573;color:inherit;padding:.75rem}.swatch{width:2rem;height:2rem;border-radius:999px;padding:0}.toggle-row{display:flex;align-items:center;gap:.75rem}.empty-state{color:var(--text-muted);padding-top:1rem}.storyboard-overlay{position:absolute;left:50%;bottom:.65rem;transform:translate(-50%);z-index:4;width:min(38rem,calc(100% - 1.2rem));display:grid;gap:.38rem;align-items:start;padding:.5rem .7rem .7rem;border-radius:999px;background:#48281eb8;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.storyboard-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.storyboard-strip{display:flex;gap:.45rem;overflow-x:auto;padding-top:0;min-height:0}.story-thumb{min-width:5rem;justify-content:center;align-items:center}.story-thumb.active,.chip.active{background:var(--panel-strong);border-color:#d4a53f8c}@media(max-width:1023px){.overlay-panel{width:min(13rem,calc(50vw - 1rem))}}@media(max-width:899px){body{overflow:auto}.app-shell{height:auto;min-height:100%;padding-inline:0}.app-actions,.canvas-toolbar-group,.storyboard-actions{width:100%}.app-actions button,.canvas-toolbar-group button,.storyboard-actions button{flex:1 1 0}.editor-panel{min-height:100svh}.floating-brand,.floating-actions,.quick-toolbar{position:absolute;left:.55rem;right:.55rem;transform:none}.floating-actions{top:auto;bottom:5rem;justify-content:stretch}.floating-actions button{flex:1 1 0}.quick-toolbar{top:4.4rem;flex-direction:column;border-radius:1rem}.overlay-panel{top:auto;bottom:9rem;width:calc(100% - 1.1rem);max-height:42%}.overlay-left,.overlay-right{top:auto;left:.55rem;right:.55rem}.storyboard-overlay{width:calc(100% - 1.1rem);border-radius:1rem}}