:root{font-family:Nunito,sans-serif;line-height:1.5;font-weight:400;--app-text: #1f2937;--app-background: radial-gradient(circle at top left, rgba(252, 211, 77, .25), transparent 22rem), radial-gradient(circle at bottom right, rgba(125, 211, 252, .18), transparent 28rem), linear-gradient(180deg, #f9f5ef 0%, #efe6d6 100%);--button-bg: #ffffff;--button-text: #1f2937;--button-hover-bg: #f8fafc;--button-shadow: 0 10px 24px rgba(71, 85, 105, .12);--control-padding-y: .7rem;--control-padding-x: 1rem;--input-padding-y: .7rem;--input-padding-x: .85rem;--toolbar-padding-y: 1rem;--toolbar-padding-x: 1.2rem;--toolbar-gap: .75rem;--toolbar-cluster-gap: .35rem;--workspace-gap: 1rem;--workspace-left-col: 18rem;--workspace-right-col: 22rem;--panel-padding: 1rem;--panel-gap: .85rem;--page-card-padding: .9rem;--page-card-radius: 22px;--accent-gradient: linear-gradient(135deg, #0f766e, #0891b2);--accent-text: #f8fafc;--input-bg: rgba(255, 255, 255, .84);--input-border: rgba(148, 163, 184, .45);--toolbar-bg: rgba(255, 255, 255, .72);--toolbar-border: rgba(148, 163, 184, .18);--toolbar-chip-bg: rgba(255, 255, 255, .88);--toolbar-chip-shadow: 0 10px 24px rgba(71, 85, 105, .1);--toolbar-menu-bg: rgba(255, 255, 255, .98);--toolbar-menu-border: rgba(226, 232, 240, .95);--toolbar-menu-shadow: 0 24px 48px rgba(15, 23, 42, .14);--workspace-panel-bg: rgba(255, 255, 255, .74);--workspace-panel-border: rgba(255, 255, 255, .65);--workspace-panel-shadow: 0 24px 70px rgba(15, 23, 42, .08);--sticky-header-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .82));--muted-text: #64748b;--card-bg: rgba(255, 255, 255, .82);--card-border: rgba(148, 163, 184, .22);--card-active-outline: rgba(14, 165, 233, .5);--paper-shell-bg: linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(241, 245, 249, .95)), linear-gradient(135deg, rgba(250, 204, 21, .14), rgba(34, 197, 94, .1));--paper-shell-border: rgba(203, 213, 225, .85);--preview-paper-bg: #ffffff;--blank-paper-bg: linear-gradient(180deg, rgba(248, 250, 252, .95), rgba(241, 245, 249, .92)), repeating-linear-gradient( 135deg, rgba(148, 163, 184, .08) 0, rgba(148, 163, 184, .08) 10px, transparent 10px, transparent 20px );--side-pill-bg: rgba(15, 118, 110, .08);--side-pill-text: #0f766e;--canvas-bg: linear-gradient(180deg, rgba(248, 250, 252, .6), rgba(226, 232, 240, .4)), radial-gradient(circle at top, rgba(255, 255, 255, .95), rgba(241, 245, 249, .82));--canvas-border: rgba(226, 232, 240, .8);--legend-bg: rgba(255, 255, 255, .92);--legend-text: #475569;--legend-shadow: 0 10px 20px rgba(148, 163, 184, .16);--text-overlay-bg: rgba(255, 255, 255, .96);--text-overlay-border: rgba(37, 99, 235, .45);--text-overlay-shadow: 0 18px 34px rgba(37, 99, 235, .18);--panel-bg: rgba(255, 255, 255, .88);--panel-border: rgba(226, 232, 240, .9);--statline-bg: rgba(248, 250, 252, .95);--kbd-bg: rgba(15, 23, 42, .08);--kbd-border: rgba(148, 163, 184, .3);--warning-text: #b45309;--error-text: #b91c1c;color:var(--app-text);background:var(--app-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{min-width:320px;overflow:hidden;color:var(--app-text);background:var(--app-background);transition:background .18s ease,color .18s ease}button,input,select,textarea{font:inherit}button{border:0;border-radius:999px;background:var(--button-bg);color:var(--button-text);padding:var(--control-padding-y) var(--control-padding-x);cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease,color .12s ease;box-shadow:var(--button-shadow)}button:hover:not(:disabled){transform:translateY(-1px);background:var(--button-hover-bg)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.is-active,.toolbar__accent{background:var(--accent-gradient);color:var(--accent-text)}input,select,textarea{width:100%;border-radius:16px;border:1px solid var(--input-border);background:var(--input-bg);padding:var(--input-padding-y) var(--input-padding-x);color:inherit}textarea{resize:vertical}label{display:grid;gap:.35rem;font-size:.9rem}h1,h2,h3,p,ul,ol{margin:0}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100dvh;height:100dvh;overflow:hidden}.app-shell[data-layout-mode=compact-studio]{--control-padding-y: .52rem;--control-padding-x: .82rem;--input-padding-y: .58rem;--input-padding-x: .72rem;--toolbar-padding-y: .75rem;--toolbar-padding-x: .9rem;--toolbar-gap: .65rem;--toolbar-cluster-gap: .25rem;--workspace-gap: .8rem;--workspace-left-col: 15.5rem;--workspace-right-col: 19.25rem;--panel-padding: .82rem;--panel-gap: .7rem;--page-card-padding: .72rem;--page-card-radius: 18px;--toolbar-chip-shadow: 0 4px 10px rgba(71, 85, 105, .06);--workspace-panel-shadow: 0 16px 36px rgba(15, 23, 42, .06)}.app-shell[data-layout-mode=pro-workspace]{--control-padding-y: .5rem;--control-padding-x: .78rem;--input-padding-y: .56rem;--input-padding-x: .72rem;--toolbar-padding-y: .7rem;--toolbar-padding-x: .9rem;--toolbar-gap: .65rem;--toolbar-cluster-gap: .35rem;--workspace-gap: .75rem;--workspace-left-col: 14rem;--workspace-right-col: 24rem;--panel-padding: .88rem;--panel-gap: .72rem;--page-card-padding: .72rem;--page-card-radius: 18px;--toolbar-chip-shadow: 0 8px 18px rgba(15, 23, 42, .08);--workspace-panel-shadow: 0 22px 52px rgba(15, 23, 42, .1)}.loading-screen{min-height:100%;display:grid;place-items:center;text-align:center}.loading-screen h1{font-family:Comic Neue,cursive;font-size:clamp(2rem,4vw,3rem)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--toolbar-gap);align-items:center;justify-content:space-between;padding:var(--toolbar-padding-y) var(--toolbar-padding-x);border-bottom:1px solid var(--toolbar-border);background:var(--toolbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.toolbar__cluster{display:flex;flex-direction:column;gap:var(--toolbar-cluster-gap);min-width:max-content}.toolbar__cluster--file{grid-area:file}.toolbar__cluster--view{grid-area:view}.toolbar__cluster--insert{grid-area:insert}.toolbar__cluster--edit{grid-area:edit}.toolbar__cluster--zoom{grid-area:zoom}.toolbar__cluster--workspace{grid-area:workspace;margin-left:auto}.toolbar__clusterLabel{display:none;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text);padding-inline:.15rem}.app-shell[data-layout-mode=compact-studio] .toolbar,.app-shell[data-layout-mode=pro-workspace] .toolbar{display:grid;grid-template-columns:max-content max-content max-content max-content max-content minmax(0,1fr);grid-template-areas:"file view insert edit zoom ." "workspace workspace workspace workspace workspace workspace";align-items:start;justify-content:start;overflow:visible}.app-shell[data-layout-mode=compact-studio] .toolbar__clusterLabel,.app-shell[data-layout-mode=pro-workspace] .toolbar__clusterLabel{display:block}.app-shell[data-layout-mode=pro-workspace] .toolbar__cluster{padding:.45rem .55rem;border-radius:18px;background:var(--toolbar-chip-bg);box-shadow:var(--toolbar-chip-shadow)}.app-shell[data-layout-mode=compact-studio] .toolbar__cluster--workspace,.app-shell[data-layout-mode=pro-workspace] .toolbar__cluster--workspace{order:10;flex:1 0 100%;margin-left:0;padding-top:.55rem;border-top:1px solid var(--toolbar-border)}.app-shell[data-layout-mode=compact-studio] .toolbar__group--panels,.app-shell[data-layout-mode=pro-workspace] .toolbar__group--panels{width:100%;justify-content:space-between;gap:.7rem}.app-shell[data-layout-mode=compact-studio] .toolbar__group--zoom,.app-shell[data-layout-mode=pro-workspace] .toolbar__group--zoom{min-width:auto}.app-shell[data-layout-mode=compact-studio] .toolbar__modeSwitch,.app-shell[data-layout-mode=pro-workspace] .toolbar__modeSwitch{box-shadow:none}.app-shell[data-layout-mode=compact-studio] .toolbar__modeSwitch button,.app-shell[data-layout-mode=pro-workspace] .toolbar__modeSwitch button{padding:.38rem .7rem;font-size:.84rem}.app-shell[data-layout-mode=pro-workspace] .toolbar__field,.app-shell[data-layout-mode=pro-workspace] .toolbar__select{min-width:max-content}.app-shell[data-layout-mode=compact-studio] .toolbar__clusterLabel{letter-spacing:.12em}.app-shell[data-layout-mode=pro-workspace] .toolbar__clusterLabel{letter-spacing:.14em}.toolbar__group{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;position:relative}.toolbar__group--zoom{min-width:14rem;justify-content:flex-end}.toolbar__group--panels{justify-content:flex-end}.toolbar__field{display:grid;gap:.35rem}.toolbar__fieldLabel{font-size:.82rem;font-weight:800;color:var(--muted-text)}.toolbar__zoomValue{min-width:3.25rem;text-align:center;font-weight:800;color:var(--muted-text)}.toolbar__modeSwitch{display:inline-flex;gap:.3rem;padding:.25rem;border-radius:999px;background:var(--toolbar-chip-bg);box-shadow:var(--toolbar-chip-shadow)}.toolbar__modeSwitch button{padding:.45rem .8rem;border-radius:999px;box-shadow:none;white-space:nowrap}.toolbar__modeSwitch button:hover:not(:disabled){transform:none}.toolbar__checkbox{display:inline-flex;align-items:center;gap:.55rem;padding:calc(var(--control-padding-y) - .08rem) calc(var(--control-padding-x) - .14rem);border-radius:999px;background:var(--toolbar-chip-bg);box-shadow:var(--toolbar-chip-shadow);white-space:nowrap}.toolbar__checkbox input{width:auto;margin:0}.toolbar__checkbox span{font-size:.92rem;font-weight:700}.toolbar__select{display:inline-grid;gap:.35rem;min-width:10rem;padding:calc(var(--control-padding-y) - .14rem) calc(var(--control-padding-x) - .18rem);border-radius:20px;background:var(--toolbar-chip-bg);box-shadow:var(--toolbar-chip-shadow);font-size:.82rem;font-weight:800;color:var(--muted-text)}.toolbar__select span{line-height:1}.toolbar__select select{padding:calc(var(--input-padding-y) - .1rem) calc(var(--input-padding-x) - .08rem);border-radius:12px}.toolbar-menu{position:relative}.toolbar-menu__trigger{min-width:5.5rem}.toolbar-menu__panel{position:absolute;top:calc(100% + .55rem);left:0;z-index:40;display:grid;gap:.7rem;min-width:14rem;padding:.85rem;border-radius:22px;background:var(--toolbar-menu-bg);border:1px solid var(--toolbar-menu-border);box-shadow:var(--toolbar-menu-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toolbar-menu__section{display:grid;gap:.45rem}.toolbar-menu__label{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text)}.toolbar-menu__panel button{justify-content:flex-start;border-radius:14px;box-shadow:none}.workspace{height:100%;min-height:0;min-width:0;display:grid;grid-template-columns:var(--workspace-left-col) minmax(0,1fr) var(--workspace-right-col);gap:var(--workspace-gap);padding:var(--workspace-gap);overflow:hidden}.workspace--inspector-hidden{grid-template-columns:var(--workspace-left-col) minmax(0,1fr)}.page-strip,.editor-stage,.inspector,.status-bar__column{border-radius:28px;background:var(--workspace-panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--workspace-panel-shadow);border:1px solid var(--workspace-panel-border)}.page-strip,.inspector{min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.page-strip__header,.editor-stage__title{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .75rem}.page-strip__header p,.editor-stage__title p{color:var(--muted-text);font-size:.92rem}.page-strip__header{position:sticky;top:0;z-index:2;padding-bottom:.8rem;background:var(--sticky-header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-strip__list{display:grid;gap:.85rem;padding:0 var(--panel-padding) var(--panel-padding)}.page-strip__mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:0 var(--panel-padding) var(--panel-padding)}.page-strip__mode button{border-radius:16px;box-shadow:none}.page-card{text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:start;padding:var(--page-card-padding);border-radius:var(--page-card-radius);border:1px solid var(--card-border);background:var(--card-bg)}.page-card.is-active{outline:2px solid var(--card-active-outline)}.page-card__content{display:grid;gap:.35rem;min-width:0}.page-card__thumbnailButton{display:block;padding:0;border:none;background:transparent;box-shadow:none;cursor:pointer;text-align:left}.page-card__thumbnailButton:hover .page-card__paper--preview,.page-card__thumbnailButton:focus-visible .page-card__paper--preview{border-color:#0ea5e9a6;box-shadow:0 0 0 3px #0ea5e91f}.page-card__thumbnail{display:block}.page-card__spreadPreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;align-items:start}.page-card__spreadPane{display:grid;gap:.3rem;min-width:0}.page-card__spreadPane .page-card__paper--preview{max-width:none}.page-card__spreadLabel{font-size:.74rem;color:var(--muted-text)}.page-card__paper{display:block;aspect-ratio:1 / 1.1;border-radius:18px;background:var(--paper-shell-bg);border:1px solid var(--paper-shell-border)}.page-card__paper--preview{width:100%;height:auto;aspect-ratio:auto;overflow:hidden;padding:0;background:var(--preview-paper-bg)}.page-card__paper--blank{display:grid;place-items:center;min-height:7.5rem;background:var(--blank-paper-bg)}.page-card__blankLabel{font-size:.8rem;font-weight:700;color:var(--muted-text)}.page-card__paper--preview canvas{display:block}.page-card__side{justify-self:start;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:var(--side-pill-bg);color:var(--side-pill-text)}.page-card__meta,.page-card__title{display:block}.page-card__meta{color:var(--muted-text);font-size:.82rem}.page-card__title{font-weight:700;min-width:0}.page-card__actions button{padding:.3rem .55rem;min-width:2rem;border-radius:12px;box-shadow:none}.page-card__actions{display:grid;gap:.35rem;align-self:center}.app-shell[data-layout-mode=compact-studio] .page-card,.app-shell[data-layout-mode=pro-workspace] .page-card{gap:.6rem}.app-shell[data-layout-mode=compact-studio] .page-card__meta,.app-shell[data-layout-mode=compact-studio] .page-card__title,.app-shell[data-layout-mode=pro-workspace] .page-card__meta,.app-shell[data-layout-mode=pro-workspace] .page-card__title{font-size:.84rem}.app-shell[data-layout-mode=compact-studio] .page-card__actions button,.app-shell[data-layout-mode=pro-workspace] .page-card__actions button{padding:.24rem .45rem;min-width:1.8rem}.app-shell[data-layout-mode=compact-studio] .page-card__actions,.app-shell[data-layout-mode=pro-workspace] .page-card__actions{padding:.2rem;border-radius:14px;background:var(--toolbar-chip-bg)}.editor-stage{display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:0;height:100%;overflow:hidden}.editor-stage__actions{display:flex;gap:.5rem}.editor-stage__title{flex-wrap:wrap}.app-shell[data-layout-mode=pro-workspace] .page-strip__header,.app-shell[data-layout-mode=pro-workspace] .editor-stage__title{padding-bottom:.65rem;background:var(--sticky-header-bg)}.app-shell[data-layout-mode=pro-workspace] .editor-stage__title{border-bottom:1px solid var(--toolbar-border)}.app-shell[data-layout-mode=compact-studio] .page-strip__header h2,.app-shell[data-layout-mode=compact-studio] .inspector__header h2,.app-shell[data-layout-mode=compact-studio] .panel h2,.app-shell[data-layout-mode=compact-studio] .status-bar__column h2{font-family:Nunito,sans-serif;font-weight:800;letter-spacing:-.02em}.app-shell[data-layout-mode=compact-studio] .editor-stage__title h1{font-family:Nunito,sans-serif;font-size:2rem;letter-spacing:-.03em}.app-shell[data-layout-mode=compact-studio] .page-strip__header p,.app-shell[data-layout-mode=compact-studio] .editor-stage__title p,.app-shell[data-layout-mode=compact-studio] .inspector__header p{font-size:.82rem}.app-shell[data-layout-mode=compact-studio] .status-bar__column{padding:.9rem .95rem}.app-shell[data-layout-mode=compact-studio] .page-strip,.app-shell[data-layout-mode=compact-studio] .editor-stage,.app-shell[data-layout-mode=compact-studio] .inspector,.app-shell[data-layout-mode=compact-studio] .status-bar__column{border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-shell[data-layout-mode=pro-workspace] .page-strip__header h2,.app-shell[data-layout-mode=pro-workspace] .inspector__header h2,.app-shell[data-layout-mode=pro-workspace] .panel h2,.app-shell[data-layout-mode=pro-workspace] .status-bar__column h2{font-size:1.15rem}.app-shell[data-layout-mode=compact-studio] .toolbar button,.app-shell[data-layout-mode=compact-studio] .toolbar__checkbox span,.app-shell[data-layout-mode=compact-studio] .toolbar__fieldLabel,.app-shell[data-layout-mode=compact-studio] .toolbar__select{font-size:.86rem}.app-shell[data-layout-mode=compact-studio] .toolbar__cluster{padding:.34rem .4rem;border-radius:14px;background:var(--toolbar-chip-bg);border:1px solid var(--toolbar-border)}.app-shell[data-layout-mode=compact-studio] .toolbar__modeSwitch,.app-shell[data-layout-mode=compact-studio] .toolbar__checkbox,.app-shell[data-layout-mode=compact-studio] .toolbar__select{border:1px solid var(--card-border)}.app-shell[data-layout-mode=compact-studio] .toolbar__modeSwitch,.app-shell[data-layout-mode=compact-studio] .toolbar__checkbox,.app-shell[data-layout-mode=compact-studio] .toolbar__select,.app-shell[data-layout-mode=compact-studio] .toolbar button,.app-shell[data-layout-mode=compact-studio] .editor-stage__actions button,.app-shell[data-layout-mode=compact-studio] .page-strip__mode button,.app-shell[data-layout-mode=compact-studio] .page-card__actions button,.app-shell[data-layout-mode=compact-studio] .inspector__tab,.app-shell[data-layout-mode=compact-studio] .layer-row__actions button{border-radius:12px}.app-shell[data-layout-mode=compact-studio] .editor-stage__actions button{box-shadow:none;font-weight:700}.app-shell[data-layout-mode=compact-studio] .page-card__side{font-size:.68rem;letter-spacing:.07em}.app-shell[data-layout-mode=compact-studio] .page-card__meta{font-size:.76rem}.app-shell[data-layout-mode=compact-studio] .canvas-shell__legend{padding:.35rem .55rem;font-size:.72rem;box-shadow:none;border:1px solid var(--card-border)}.app-shell[data-layout-mode=compact-studio] .inspector__tabs{gap:.35rem}.app-shell[data-layout-mode=compact-studio] .inspector__tab{border-radius:12px}.app-shell[data-layout-mode=compact-studio] .panel{border-radius:18px}.app-shell[data-layout-mode=compact-studio] .page-card{border-radius:16px}.app-shell[data-layout-mode=compact-studio] .layer-row__actions button{padding:.28rem .52rem;font-size:.78rem}.app-shell[data-layout-mode=compact-studio] .layer-row{border-radius:12px}.app-shell[data-layout-mode=compact-studio] .status-bar{gap:.8rem}.app-shell[data-layout-mode=pro-workspace] .editor-stage__title h1{font-family:Comic Neue,cursive;font-size:2.25rem;letter-spacing:-.04em}.app-shell[data-layout-mode=pro-workspace] .editor-stage__actions button{box-shadow:var(--toolbar-chip-shadow)}.app-shell[data-layout-mode=pro-workspace] .page-strip,.app-shell[data-layout-mode=pro-workspace] .editor-stage,.app-shell[data-layout-mode=pro-workspace] .inspector,.app-shell[data-layout-mode=pro-workspace] .status-bar__column{border-radius:30px;box-shadow:var(--workspace-panel-shadow),inset 0 1px #ffffff73}.app-shell[data-layout-mode=pro-workspace] .page-strip__header,.app-shell[data-layout-mode=pro-workspace] .editor-stage__title,.app-shell[data-layout-mode=pro-workspace] .inspector__header{padding:1.15rem 1.15rem .85rem}.app-shell[data-layout-mode=pro-workspace] .page-strip__header h2,.app-shell[data-layout-mode=pro-workspace] .inspector__header h2,.app-shell[data-layout-mode=pro-workspace] .panel h2,.app-shell[data-layout-mode=pro-workspace] .status-bar__column h2,.app-shell[data-layout-mode=pro-workspace] .editor-stage__title h1{font-family:Comic Neue,cursive}.app-shell[data-layout-mode=pro-workspace] .page-card{border-radius:22px;box-shadow:inset 0 1px #ffffff80,0 10px 24px #0f172a0f}.app-shell[data-layout-mode=pro-workspace] .page-card.is-active{box-shadow:inset 0 1px #ffffffb3,0 16px 28px #0ea5e91f}.app-shell[data-layout-mode=pro-workspace] .inspector__tabs{padding:.3rem;border-radius:18px;background:var(--toolbar-chip-bg);border:1px solid var(--toolbar-border);box-shadow:0 10px 20px #0f172a14}.app-shell[data-layout-mode=pro-workspace] .inspector__tab{border-radius:999px}.app-shell[data-layout-mode=pro-workspace] .panel{border-radius:24px}.app-shell[data-layout-mode=pro-workspace] .layer-row{box-shadow:inset 0 1px #ffffff73}.app-shell[data-layout-mode=pro-workspace] .toolbar__cluster{border:1px solid var(--toolbar-border)}.app-shell[data-layout-mode=pro-workspace] .toolbar__clusterLabel{font-size:.7rem}.app-shell[data-layout-mode=pro-workspace] .canvas-shell__legend{padding:.5rem .8rem;box-shadow:0 14px 28px #0f172a1f}.app-shell[data-layout-mode=pro-workspace] .toolbar button,.app-shell[data-layout-mode=pro-workspace] .toolbar__checkbox,.app-shell[data-layout-mode=pro-workspace] .toolbar__modeSwitch,.app-shell[data-layout-mode=pro-workspace] .toolbar__select{border-radius:14px}.app-shell[data-layout-mode=pro-workspace] .toolbar__modeSwitch{padding:.3rem}.app-shell[data-layout-mode=pro-workspace] .page-card__side{box-shadow:inset 0 1px #ffffff73}.app-shell[data-layout-mode=pro-workspace] .status-bar__column{border-radius:28px}.canvas-shell{position:relative;min-height:0;height:100%;overflow:hidden;background:var(--canvas-bg);border-top:1px solid var(--canvas-border)}.canvas-shell canvas{border-radius:0 0 28px 28px}.canvas-shell__legend{position:absolute;top:1rem;left:1rem;z-index:5;display:inline-flex;gap:.75rem;align-items:center;padding:.45rem .7rem;border-radius:999px;background:var(--legend-bg);color:var(--legend-text);font-size:.78rem;box-shadow:var(--legend-shadow)}.swatch{display:inline-block;width:.9rem;height:.9rem;border-radius:999px;margin-right:.3rem}.swatch--bleed{background:#fbbf2452}.swatch--safe{background:#0ea5e952}.swatch--preflight{background:#d9770652}.text-overlay{position:absolute;z-index:10;margin:0;resize:none;box-sizing:border-box;border-radius:12px;border:2px solid var(--text-overlay-border);background:var(--text-overlay-bg);box-shadow:var(--text-overlay-shadow)}.crop-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:2rem;background:#0f172a94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crop-editor{width:min(980px,92vw);max-height:min(86vh,860px);display:grid;gap:1rem;padding:1.25rem;border-radius:28px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 24px 80px #0f172a47}.crop-editor__header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.crop-editor__header h2{margin:0;font-family:Comic Neue,cursive;font-size:1.35rem}.crop-editor__header p{margin:.35rem 0 0;color:var(--muted-text)}.crop-editor__stats{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.crop-editor__stats span{padding:.35rem .6rem;border-radius:999px;background:var(--card-bg);border:1px solid var(--card-border);font-size:.82rem}.crop-editor__viewport-wrap{min-height:0}.crop-editor__viewport{position:relative;width:100%;height:min(62vh,600px);overflow:hidden;border-radius:22px;background:linear-gradient(45deg,rgba(148,163,184,.15) 25%,transparent 25%,transparent 75%,rgba(148,163,184,.15) 75%),linear-gradient(45deg,rgba(148,163,184,.15) 25%,transparent 25%,transparent 75%,rgba(148,163,184,.15) 75%);background-position:0 0,12px 12px;background-size:24px 24px;border:1px solid var(--canvas-border)}.crop-editor__image,.crop-editor__shade,.crop-editor__selection,.crop-editor__handle{position:absolute}.crop-editor__image{-webkit-user-select:none;user-select:none;pointer-events:none}.crop-editor__shade{background:#0f172a85;pointer-events:none}.crop-editor__selection{border:2px solid #f8fafc;cursor:move;touch-action:none}.crop-editor__selection:after{content:"Drag to crop";position:absolute;left:.55rem;top:.55rem;padding:.2rem .45rem;border-radius:999px;background:#0f172ac7;color:#f8fafc;font-size:.78rem}.crop-editor__handle{width:16px;height:16px;border-radius:999px;border:2px solid #0f172a;background:#f8fafc;transform:translate(-50%,-50%);touch-action:none}.crop-editor__handle--top-left,.crop-editor__handle--bottom-right{cursor:nwse-resize}.crop-editor__handle--top-right,.crop-editor__handle--bottom-left{cursor:nesw-resize}.crop-editor__placeholder{height:100%;display:grid;place-items:center;color:var(--muted-text)}.crop-editor__footer{display:flex;justify-content:space-between;gap:1rem;align-items:center}.crop-editor__footer-actions{display:flex;gap:.6rem}.inspector{padding:var(--panel-padding);gap:var(--panel-gap)}.inspector__header{position:sticky;top:calc(var(--panel-padding) * -1);z-index:2;display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:calc(var(--panel-padding) * -1) calc(var(--panel-padding) * -1) 0;padding:var(--panel-padding);background:var(--sticky-header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.inspector__header p{color:var(--muted-text);font-size:.88rem}.inspector__header h2{font-family:Comic Neue,cursive;font-size:1.25rem}.panel{display:grid;gap:var(--panel-gap);padding:var(--panel-padding);border-radius:22px;background:var(--panel-bg);border:1px solid var(--panel-border)}.panel h2{font-family:Comic Neue,cursive;font-size:1.25rem}.panel__empty{color:var(--muted-text);font-size:.92rem}.panel--placeholder{align-content:start;min-height:12rem}.inspector--tabbed .inspector__tabs{position:sticky;top:calc(var(--panel-padding) * 2 + 1.2rem);z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:-.2rem;padding-bottom:.85rem;background:var(--sticky-header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.inspector__tab{border-radius:14px;box-shadow:none;border:1px solid var(--card-border);background:var(--card-bg)}.inspector__tab[aria-selected=true]{background:var(--accent-gradient);color:var(--accent-text)}.inspector__tabPanels,.inspector__tabPanel{display:grid;gap:var(--panel-gap);align-content:start}.inspector__tabPanel[hidden]{display:none}.grid-two,.button-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{display:flex;flex-wrap:wrap;gap:.55rem}.focal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.5rem}.focal-grid button{min-height:2.5rem;padding:.45rem .55rem}.focal-grid button.is-active{outline:2px solid var(--card-active-outline);outline-offset:1px}.layers-list{display:grid;gap:.6rem}.layers-stack{display:grid;gap:.8rem}.layers-section{display:grid;gap:.55rem}.layers-section__header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;color:var(--muted-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.layer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.75rem .9rem;border-radius:16px;border:1px solid var(--card-border);background:var(--card-bg)}.layer-row.is-active{outline:2px solid var(--card-active-outline)}.layer-row.is-drop-before{box-shadow:inset 0 3px 0 var(--card-active-outline)}.layer-row.is-drop-after{box-shadow:inset 0 -3px 0 var(--card-active-outline)}.layer-row__grip{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;padding:0;border-radius:12px;background:transparent;box-shadow:none;color:var(--muted-text);cursor:grab;-webkit-user-select:none;user-select:none}.layer-row__grip:hover:not(:disabled){transform:none;background:transparent}.layer-row__grip:active{cursor:grabbing}.layer-row__select{display:grid;gap:.2rem;min-width:0;padding:0;background:transparent;box-shadow:none;text-align:left}.layer-row__select:hover:not(:disabled){transform:none;background:transparent}.layer-row__select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row__meta{color:var(--muted-text);font-size:.8rem}.layer-row__actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.layer-row__actions button{padding:.35rem .65rem;border-radius:12px;box-shadow:none}.layer-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:var(--side-pill-bg);color:var(--side-pill-text);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.layer-chip.is-muted{opacity:.65}.app-shell[data-layout-mode=compact-studio] .layer-row,.app-shell[data-layout-mode=pro-workspace] .layer-row{gap:.6rem;padding:.65rem .72rem;border-radius:14px}.app-shell[data-layout-mode=compact-studio] .inspector__header h2,.app-shell[data-layout-mode=pro-workspace] .inspector__header h2,.app-shell[data-layout-mode=compact-studio] .panel h2,.app-shell[data-layout-mode=pro-workspace] .panel h2{font-size:1.05rem}.app-shell[data-layout-mode=compact-studio] label,.app-shell[data-layout-mode=pro-workspace] label{font-size:.85rem}.app-shell[data-layout-mode=compact-studio] .button-row,.app-shell[data-layout-mode=pro-workspace] .button-row{gap:.4rem}.app-shell[data-layout-mode=compact-studio] .toolbar button,.app-shell[data-layout-mode=pro-workspace] .toolbar button,.app-shell[data-layout-mode=compact-studio] .toolbar__checkbox,.app-shell[data-layout-mode=pro-workspace] .toolbar__checkbox{box-shadow:none}.toggle{display:flex;align-items:center;gap:.7rem}.toggle input{width:auto}.statline{display:flex;justify-content:space-between;align-items:center;padding:.65rem .8rem;border-radius:16px;background:var(--statline-bg)}.statline--warning{color:var(--warning-text);box-shadow:inset 0 0 0 1px currentColor}.status-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-height:min(18rem,34vh);overflow:auto;margin:0 1rem 1rem;padding:0}.status-bar__column{padding:1rem 1.1rem}.status-bar__column h2{margin-bottom:.55rem;font-family:Comic Neue,cursive}.status-bar__column ul,.status-bar__column ol{padding-left:1.15rem}.status-bar__column li+li,.status-bar__column p+p{margin-top:.45rem}.issue--warning strong{color:var(--warning-text)}.issue--error strong{color:var(--error-text)}kbd{display:inline-block;padding:.15rem .45rem;border-radius:10px;background:var(--kbd-bg);border:1px solid var(--kbd-border);font-size:.84rem}@media(max-width:1200px){.workspace{grid-template-columns:15rem 1fr 20rem}.workspace--inspector-hidden{grid-template-columns:15rem minmax(0,1fr)}}@media(max-width:980px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:visible}.workspace{grid-template-columns:1fr;height:auto;overflow:visible}.workspace--inspector-hidden{grid-template-columns:1fr}.page-strip{order:2;max-height:24rem}.inspector{order:3;max-height:28rem}.status-bar{grid-template-columns:1fr;max-height:none}.toolbar__group--panels{width:100%;justify-content:flex-end}.toolbar__cluster--workspace{margin-left:0}}