:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102044;background:#f7f9fc;font-synthesis:none;--sq-accent:#1267d6;--sq-bg:#f7f9fc;--sq-surface:#fff;--sq-surface-soft:#f2f6fb;--sq-text:#102044;--sq-muted:#637394;--sq-line:#dbe3ee;--sq-hover:#edf4ff;--sq-active:#dcecff;--sq-radius:10px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--sq-bg)}button,input,select,textarea{font:inherit}button{border:1px solid var(--sq-line);border-radius:7px;background:#fff;color:var(--sq-text);padding:.5rem .7rem;cursor:pointer;font-weight:650}button:hover:not(:disabled),button:focus-visible{background:var(--sq-hover);border-color:#b8c8dc}button.active{background:var(--sq-active);color:var(--sq-accent);border-color:#b8d3f5}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--sq-accent);border-color:var(--sq-accent);color:#fff}.creative-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--sq-bg);color:var(--sq-text)}.topbar{flex:0 0 58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:0 18px;border-bottom:1px solid var(--sq-line);background:#fff}.brand-lockup{display:flex;align-items:center;gap:9px}.brand-lockup>div{display:grid;line-height:1}.brand-lockup strong{font-size:.98rem;letter-spacing:-.025em}.brand-lockup div span{margin-top:5px;font-size:.54rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.brand-mark{width:34px;height:31px;min-width:34px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;bottom:2px;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent}.brand-mark:before{left:0;border-bottom:24px solid #2b9fe5}.brand-mark:after{left:9px;border-bottom:20px solid #55c7d8}.brand-mark i{position:absolute;width:8px;height:8px;border-radius:50%;background:#f7bd31;top:0;left:15px}.document-meta{display:flex;gap:.55rem;align-items:baseline;color:var(--sq-muted);font-size:.74rem}.document-meta strong{color:var(--sq-text)}.top-actions{display:flex;justify-content:flex-end;gap:6px}.top-actions button{font-size:.76rem;padding:.4rem .65rem}.editor-grid{flex:1;min-height:0;display:grid;grid-template-columns:76px 260px minmax(0,1fr) 286px;gap:10px;padding:10px}.tool-rail,.add-drawer,.workspace-panel,.inspector{min-height:0;border:1px solid var(--sq-line);border-radius:var(--sq-radius);background:#fff;box-shadow:0 5px 18px #19335b0d}.tool-rail{padding:8px 6px;display:flex;flex-direction:column;gap:5px;overflow:auto}.tool-rail>button{display:grid;place-items:center;gap:3px;min-height:55px;padding:6px 3px;border-color:transparent;background:transparent;text-align:center;font-size:.64rem}.tool-rail>button b{font-size:1.15rem;line-height:1}.tool-rail>button.active{background:var(--sq-active);border-color:#b8d3f5}.rail-spacer{flex:1}.rail-history{display:grid;grid-template-columns:1fr 1fr;gap:4px}.rail-history button{padding:.4rem;text-align:center}.add-drawer{padding:12px;overflow:auto}.drawer-heading{display:flex;align-items:baseline;gap:8px;padding:2px 2px 12px;border-bottom:1px solid var(--sq-line)}.drawer-heading span{color:var(--sq-muted);font-size:.67rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.drawer-heading strong{font-size:.92rem}.drawer-action{width:100%;margin-top:9px;text-align:left}.drawer-action.heading-add{font-size:1.15rem}.drawer-action.body-add{font-size:.76rem;font-weight:500}.drawer-section{margin-top:18px}.drawer-section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.drawer-section-title strong{font-size:.78rem}.drawer-section-title span{color:var(--sq-muted);font-size:.65rem}.element-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.element-grid.three{grid-template-columns:repeat(3,1fr)}.element-grid button{display:grid;place-items:center;gap:7px;min-height:82px;padding:8px 4px;text-align:center;font-size:.64rem}.shape-swatch,.frame-swatch{display:block;width:35px;height:28px}.shape-swatch{background:var(--sq-accent);border-radius:4px}.frame-swatch{border:2px dashed #8ba9cf;background:var(--sq-hover)}.frame-swatch.rounded{border-radius:8px}.frame-swatch.circle{width:30px;height:30px;border-radius:50%}.upload-action{width:100%;margin-top:12px}.drawer-empty{display:grid;gap:5px;margin-top:14px;padding:14px;border:1px dashed #b8c8dc;border-radius:8px;background:#f8fbff;color:var(--sq-muted);font-size:.7rem;line-height:1.45}.drawer-empty strong{color:var(--sq-text)}.workspace-panel{min-width:0;display:flex;flex-direction:column;overflow:hidden}.workspace-heading{flex:0 0 52px;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:6px 10px 6px 14px;border-bottom:1px solid var(--sq-line)}.workspace-title{display:flex;align-items:baseline;gap:9px}.workspace-title span,.panel-heading span{color:var(--sq-muted);font-size:.67rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.workspace-title strong{font-size:1rem}.workspace-hint{color:var(--sq-muted);font-size:.7rem}.workspace-stage{flex:1;min-height:0;overflow:auto;padding:36px;background:#eef2f7}.pasteboard-wrap{width:max-content;height:max-content;min-width:100%;min-height:100%;display:flex;align-items:flex-start;justify-content:flex-start}.canvas-frame{margin:auto}.canvas-frame{line-height:0;background:#e5eaf1;box-shadow:none}.inspector{overflow:auto}.properties-panel{padding:12px}.panel-heading{display:flex;align-items:baseline;gap:8px;padding:2px 2px 12px;border-bottom:1px solid var(--sq-line)}.panel-heading strong{font-size:.92rem}.field{display:grid;gap:5px;margin-top:12px}.field>span,.property-section>span{display:flex;justify-content:space-between;color:var(--sq-muted);font-size:.7rem;font-weight:700}.field output{color:var(--sq-text);font-weight:700}input[type=number],select,textarea{width:100%;border:1px solid var(--sq-line);border-radius:7px;outline:none;background:var(--sq-surface-soft);color:var(--sq-text);padding:.52rem .58rem}textarea{resize:vertical;line-height:1.4}input[type=number]:focus,select:focus,textarea:focus{border-color:#9cbce4;box-shadow:0 0 0 3px #1267d617}.property-grid{display:grid;gap:8px}.property-grid.two{grid-template-columns:1fr 1fr}.property-section{display:grid;gap:6px;margin-top:12px}.segmented{display:flex;gap:5px}.segmented button{min-width:38px;padding:.42rem .55rem;text-align:center;text-transform:capitalize}.segmented.alignments{display:grid;grid-template-columns:repeat(2,1fr)}.color-field{display:flex;align-items:center;gap:7px;height:37px;padding:4px 7px;border:1px solid var(--sq-line);border-radius:7px;background:var(--sq-surface-soft)}.color-field input{width:28px;height:24px;padding:0;border:0;background:transparent}.color-field span{color:var(--sq-muted);font-size:.68rem;font-weight:700}input[type=range]{width:100%;accent-color:var(--sq-accent)}.inspector-empty{height:100%;min-height:180px;display:grid;place-items:center;align-content:center;gap:5px;padding:24px;text-align:center;color:var(--sq-muted)}.inspector-empty strong{color:var(--sq-text);font-size:.88rem}.inspector-empty span{max-width:210px;font-size:.72rem;line-height:1.45}.statusbar{flex:0 0 30px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-top:1px solid var(--sq-line);color:var(--sq-muted);background:#fff;font-size:.68rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:1100px){.editor-grid{grid-template-columns:68px 220px minmax(0,1fr) 250px}.document-meta{display:none}.topbar{grid-template-columns:1fr auto}}@media(max-width:760px){.creative-shell{height:auto;min-height:100vh;overflow:visible}.editor-grid{grid-template-columns:1fr}.tool-rail{display:flex;flex-direction:row}.tool-rail>button{flex:1;min-height:48px}.rail-spacer,.rail-history{display:none}.add-drawer{min-height:220px}.workspace-panel{min-height:70vh}.workspace-hint{display:none}.inspector{min-height:260px}}.wide-action{width:100%;margin-top:12px}.image-size{margin-top:8px;padding:7px 9px;border-radius:7px;background:var(--sq-surface-soft);color:var(--sq-muted);font-size:.7rem;text-align:center}.stock-coming{display:grid;gap:3px;margin-top:16px;padding:10px;border:1px dashed #b8c8dc;border-radius:8px;background:#f8fbff}.stock-coming strong{font-size:.75rem;color:var(--sq-text)}.stock-coming span{font-size:.68rem;line-height:1.4;color:var(--sq-muted)}.rail-label.sublabel{margin-top:5px;font-size:.62rem}.frame-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.frame-buttons button{font-size:1.25rem;line-height:1;text-align:center;padding:.45rem}.frame-preview{display:grid;place-items:center;height:70px;margin-top:12px;border:2px dashed #9cbce4;border-radius:10px;background:var(--sq-hover);color:var(--sq-muted);font-size:.72rem;font-weight:700}.frame-preview.editing{border-style:solid;border-color:#e08a27;background:#fff8ef;color:#9a5512}.stock-panel{display:flex;flex-direction:column;gap:12px}.stock-search{display:flex;gap:6px}.stock-search input{min-width:0;flex:1;border:1px solid var(--sq-line);border-radius:7px;padding:.5rem}.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:560px;overflow:auto}.stock-result{padding:0;overflow:hidden;text-align:left;background:var(--sq-surface)}.stock-result img{display:block;width:100%;height:92px;object-fit:cover}.stock-result span{display:block;padding:5px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.68rem;color:var(--sq-muted)}.stock-credit{margin:0;font-size:.68rem;color:var(--sq-muted)}.panel-error{margin:0;padding:8px;border-radius:7px;background:#fff1f1;color:#9b2c2c;font-size:.72rem}.shape-swatch.rounded{border-radius:9px}.shape-swatch.circle{width:30px;height:30px;border-radius:50%}.shape-swatch.triangle{width:0;height:0;background:transparent;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:30px solid var(--sq-accent)}.shape-swatch.line{width:38px;height:4px;margin:12px 0;background:var(--sq-accent);border-radius:3px}.shape-swatch.arrow{position:relative;width:34px;height:8px;margin:10px 0;background:var(--sq-accent);border-radius:2px}.shape-swatch.arrow:after{content:"";position:absolute;right:-7px;top:-6px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid var(--sq-accent)}.element-strip{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 7px;scrollbar-width:thin}.element-strip button{flex:0 0 72px;display:grid;place-items:center;gap:6px;min-height:76px;padding:7px 4px;text-align:center;font-size:.61rem}.element-strip button span{max-width:66px;overflow:hidden;text-overflow:ellipsis}.drawer-section-title .see-all{border:0;background:transparent;padding:2px;color:var(--sq-accent);font-size:.66rem;font-weight:750}.drawer-section-title .see-all:hover{background:var(--sq-hover)}.drawer-back{margin:-2px 0 8px;padding:.35rem .45rem;border-color:transparent;background:transparent;color:var(--sq-accent);font-size:.72rem}.category-heading{margin-bottom:12px}.element-grid.three button{display:grid;place-items:center;gap:7px;min-height:82px;padding:8px 4px;text-align:center;font-size:.64rem}.add-drawer,.stock-grid,.element-strip{scrollbar-width:thin;scrollbar-color:#c7d1df transparent}.add-drawer::-webkit-scrollbar,.stock-grid::-webkit-scrollbar,.element-strip::-webkit-scrollbar{width:6px;height:5px}.add-drawer::-webkit-scrollbar-track,.stock-grid::-webkit-scrollbar-track,.element-strip::-webkit-scrollbar-track{background:transparent}.add-drawer::-webkit-scrollbar-thumb,.stock-grid::-webkit-scrollbar-thumb,.element-strip::-webkit-scrollbar-thumb{background:#c7d1df;border-radius:999px}.add-drawer::-webkit-scrollbar-thumb:hover,.stock-grid::-webkit-scrollbar-thumb:hover,.element-strip::-webkit-scrollbar-thumb:hover{background:#9eafc4}.element-strip{width:100%;max-width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:1px 1px 8px}.element-strip button{flex:0 0 78px;min-width:78px;scroll-snap-align:start}.element-icon{display:block;position:relative;width:36px;height:30px;background:var(--sq-accent)}.element-icon.rounded{border-radius:8px}.element-icon.circle{width:30px;height:30px;border-radius:50%}.element-icon.oval{border-radius:50%}.element-icon.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.element-icon.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.element-icon.pentagon{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.element-icon.hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.element-icon.octagon{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.element-icon.star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 100%,50% 74%,21% 100%,32% 57%,2% 35%,39% 35%)}.element-icon.heart{clip-path:polygon(50% 95%,8% 53%,4% 28%,18% 8%,38% 5%,50% 22%,62% 5%,82% 8%,96% 28%,92% 53%)}.element-icon.cross,.element-icon.plus{clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%)}.element-icon.pill{border-radius:999px;height:20px}.element-icon.arrow{clip-path:polygon(0 35%,68% 35%,68% 10%,100% 50%,68% 90%,68% 65%,0 65%)}.element-icon.line{height:4px;margin:13px 0;border-radius:3px}.element-icon.double-arrow{clip-path:polygon(0 50%,25% 10%,25% 35%,75% 35%,75% 10%,100% 50%,75% 90%,75% 65%,25% 65%,25% 90%)}.element-icon.chevron{clip-path:polygon(0 15%,35% 15%,80% 50%,35% 85%,0 85%,45% 50%)}.element-icon.shield{clip-path:polygon(50% 0,95% 18%,85% 70%,50% 100%,15% 70%,5% 18%)}.element-icon.ticket{clip-path:polygon(0 0,100% 0,100% 32%,88% 50%,100% 68%,100% 100%,0 100%,0 68%,12% 50%,0 32%)}.element-icon.speech{clip-path:polygon(0 0,100% 0,100% 75%,38% 75%,18% 100%,23% 75%,0 75%)}.element-icon.thought{border-radius:50%}.element-icon.cloud{border-radius:50% 50% 42% 42%}.element-icon.moon{border-radius:50%}.element-icon.drop{clip-path:polygon(50% 0,90% 55%,88% 78%,72% 96%,50% 100%,28% 96%,12% 78%,10% 55%)}.element-icon.home{clip-path:polygon(50% 0,100% 42%,88% 42%,88% 100%,12% 100%,12% 42%,0 42%)}.element-icon.bookmark{clip-path:polygon(10% 0,90% 0,90% 100%,50% 72%,10% 100%)}.element-icon.play{clip-path:polygon(12% 0,95% 50%,12% 100%)}.element-icon.blob{border-radius:58% 42% 61% 39%/45% 57% 43% 55%}.element-icon.arch{border-radius:50% 50% 4px 4px}.element-icon.starburst,.element-icon.badge{clip-path:polygon(50% 0,62% 22%,84% 10%,82% 34%,100% 48%,78% 60%,86% 88%,60% 78%,45% 100%,35% 76%,8% 84%,22% 58%,0 42%,26% 34%,20% 8%,42% 22%)}.element-icon.lightning{clip-path:polygon(58% 0,10% 55%,43% 55%,28% 100%,90% 37%,55% 37%)}.frame-icon{background:#dcecff;outline:2px dashed #8ba9cf;outline-offset:-2px}.canvas-drop-zone{display:block;line-height:0;position:relative}.canvas-drop-zone canvas{display:block}.stock-result[draggable=true]{cursor:grab}.stock-result[draggable=true]:active{cursor:grabbing}.element-tile{display:grid;place-items:center;gap:7px;min-height:82px;padding:8px 4px;border:1px solid var(--sq-line);border-radius:7px;background:#fff;color:var(--sq-text);text-align:center;font-size:.64rem;font-weight:650;cursor:grab;-webkit-user-select:none;user-select:none}.element-tile:hover,.element-tile:focus-visible{background:var(--sq-hover);border-color:#b8c8dc;outline:none}.element-tile:active{cursor:grabbing}.element-strip .element-tile{flex:0 0 78px;min-width:78px;min-height:76px;padding:7px 4px;font-size:.61rem;scroll-snap-align:start}.element-strip .element-tile span{max-width:66px;overflow:hidden;text-overflow:ellipsis}.canvas-drop-zone{box-shadow:0 8px 28px #19335b1a}.workspace-stage{scrollbar-width:none;-ms-overflow-style:none;cursor:default}.workspace-stage::-webkit-scrollbar{display:none}.workspace-stage.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.workspace-stage.is-panning .canvas-container{pointer-events:none}.inspector-content{min-height:100%;display:flex;flex-direction:column}.arrange-panel{margin-top:auto;padding:12px;border-top:1px solid var(--sq-line);background:#fbfcfe}.arrange-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.arrange-heading span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--sq-muted)}.arrange-heading small{font-size:.64rem;color:var(--sq-muted)}.arrange-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.arrange-grid button{display:flex;align-items:center;justify-content:center;gap:5px;padding:.48rem .35rem;font-size:.68rem}.arrange-grid button span{white-space:nowrap}.context-menu-dismiss{position:fixed;inset:0;z-index:80}.context-menu{position:fixed;z-index:81;width:180px;padding:6px;border:1px solid var(--sq-line);border-radius:9px;background:#fff;box-shadow:0 14px 38px #19335b33;line-height:1.2}.context-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;border:0;background:transparent;text-align:left;font-size:.72rem}.context-menu button:hover{background:var(--sq-hover)}.context-menu button.danger{color:#b42318}.context-menu kbd{color:var(--sq-muted);font-family:inherit;font-size:.61rem;font-weight:500;white-space:nowrap}.context-separator{height:1px;margin:5px 3px;background:var(--sq-line)}.context-label{padding:4px 9px 3px;color:var(--sq-muted);font-size:.6rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.boolean-panel{padding:12px;border-top:1px solid var(--sq-line);background:#fff}.boolean-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.boolean-grid button{display:flex;align-items:center;gap:7px;padding:8px 7px;text-align:left;min-width:0}.boolean-grid button>strong{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:6px;background:#edf4ff;font-size:1rem}.boolean-grid button>span{display:flex;min-width:0;flex-direction:column;gap:1px}.boolean-grid b{font-size:.68rem}.boolean-grid small{font-size:.57rem;color:var(--sq-muted);white-space:nowrap}.frame-convert-panel{padding:12px;border-top:1px solid var(--sq-line);background:#fff}.frame-convert-panel button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;text-align:left}.frame-convert-panel button>strong{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#edf4ff;font-size:1rem}.frame-convert-panel button>span{display:flex;flex-direction:column;gap:2px}.frame-convert-panel b{font-size:.72rem}.frame-convert-panel small{font-size:.62rem;color:var(--sq-muted)}.background-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 0 14px}.background-swatch{aspect-ratio:1;border:1px solid #c8d1dc;border-radius:7px;min-width:0;padding:0}.background-swatch:hover{outline:2px solid #1267d6;outline-offset:1px}.background-custom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 14px;font-size:.72rem;font-weight:700}.background-custom input{width:44px;height:30px;padding:2px;border:1px solid #c8d1dc;border-radius:6px;background:#fff}.transparent-background{display:flex;align-items:center;gap:9px}.transparency-chip{width:24px;height:24px;border:1px solid #b8c3d1;border-radius:5px;background-color:#fff;background-image:linear-gradient(45deg,#d9dee5 25%,transparent 25%),linear-gradient(-45deg,#d9dee5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9dee5 75%),linear-gradient(-45deg,transparent 75%,#d9dee5 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.background-note{margin-top:14px}.background-photo-section{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--sq-line)}.background-photo-section>strong{font-size:.72rem}.background-photo-section>label{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:8px;font-size:.65rem;font-weight:700;color:var(--sq-muted)}.background-photo-section input[type=range]{width:100%;min-width:0}.stock-result{position:relative}.stock-background-action{position:absolute;left:5px;right:5px;bottom:24px;padding:5px 4px;border:0;border-radius:5px;background:#ffffffeb;font-size:.58rem;font-weight:800;opacity:0;transition:opacity .12s}.stock-result:hover .stock-background-action,.stock-result:focus-within .stock-background-action{opacity:1}.workspace-panel{min-height:0}.page-strip{display:flex;align-items:stretch;gap:12px;padding:10px 14px;border-top:1px solid var(--sq-line);background:#f7f9fc;min-height:112px}.page-cards{display:flex;gap:10px;overflow-x:auto;min-width:0;flex:1}.page-card{flex:0 0 132px;padding:5px;border:2px solid transparent;border-radius:8px}.page-card.active{border-color:#1267d6;background:#eaf2ff}.page-thumb{display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;border:1px solid #b8c3d1;border-radius:5px;background:#fff}.page-thumb img{display:block;width:100%;height:100%;object-fit:cover}.page-thumb span{display:grid;place-items:center;width:100%;height:100%;color:var(--sq-muted);font-size:.7rem}.page-card-meta{display:grid;grid-template-columns:minmax(0,1fr) 24px 24px;align-items:center;gap:3px;margin-top:4px}.page-card-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:700}.page-card-meta button{padding:2px;min-width:0;height:22px}.add-page{flex:0 0 92px;align-self:center;height:42px;font-weight:800}.template-list{display:flex;flex-direction:column;gap:8px}.template-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;text-align:left;padding:8px;border:1px solid var(--sq-line);background:#fff;border-radius:7px}.template-card:hover{border-color:#1267d6}.template-preview{display:grid;place-items:center;aspect-ratio:16/9;border:1px solid #c8d1dc;border-radius:4px;font-size:1.2rem}.template-school{background:#e8f1f2}.template-creative{background:#f4dfd0}.template-sqa{background:#dcead8}.template-card>span:last-child{display:flex;flex-direction:column;min-width:0}.template-card strong{font-size:.72rem}.template-card small{font-size:.56rem;font-weight:800;text-transform:uppercase;color:#1267d6;margin-top:2px}.template-card em{font-size:.6rem;font-style:normal;color:var(--sq-muted);line-height:1.3;margin-top:4px}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.upload-asset{position:relative;min-width:0;border:1px solid var(--sq-line);border-radius:7px;background:#fff;padding:5px}.upload-thumb{display:block;width:100%;aspect-ratio:4/3;padding:0;overflow:hidden;border:0;border-radius:4px;background:#edf1f5}.upload-thumb img{display:block;width:100%;height:100%;object-fit:cover}.upload-asset>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 2px 1px;font-size:.58rem;font-weight:700;color:var(--sq-muted)}.upload-actions{position:absolute;display:flex;gap:3px;right:8px;top:8px;opacity:0;transition:opacity .12s}.upload-asset:hover .upload-actions,.upload-asset:focus-within .upload-actions{opacity:1}.upload-actions button{display:grid;place-items:center;width:25px;height:25px;min-width:0;padding:0;border:1px solid #c8d1dc;border-radius:5px;background:#fffffff0;font-weight:800}.upload-thumb[draggable=true]{cursor:grab}.upload-thumb[draggable=true]:active{cursor:grabbing}.topbar{grid-template-columns:auto minmax(150px,1fr) auto auto;gap:14px}.document-meta{justify-self:center}.editor-toolbar{display:flex;align-items:center;gap:4px}.editor-toolbar button{display:grid;place-items:center;width:34px;height:34px;padding:0}.editor-toolbar .danger-tool:not(:disabled):hover{color:#b42318;background:#fff1f1;border-color:#efb5b0}.toolbar-divider{width:1px;height:22px;margin:0 3px;background:var(--sq-line)}.ui-icon{display:block;width:20px;height:20px}.editor-grid{grid-template-columns:88px 260px minmax(0,1fr) 286px}.tool-rail{padding:8px 5px;gap:4px;overflow:hidden}.tool-rail>button{width:100%;min-width:0;min-height:58px;gap:4px;padding:6px 2px}.tool-rail>button .ui-icon{width:22px;height:22px}.tool-rail>button span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;line-height:1.1}.workspace-heading{flex:0 0 104px;padding:7px 10px;align-items:stretch}.workspace-title{flex:0 0 112px;align-self:center;flex-direction:column;justify-content:center;gap:2px}.workspace-title strong{font-size:.86rem}.workspace-hint{display:none}.workspace-heading .page-strip{flex:1;min-width:0;min-height:0;padding:0;border:0;background:transparent;align-items:center}.workspace-heading .page-cards{height:88px;gap:6px;align-items:center}.workspace-heading .page-card{flex:0 0 112px;padding:3px;border-radius:7px}.workspace-heading .page-thumb{height:57px;aspect-ratio:auto}.workspace-heading .page-card-meta{grid-template-columns:minmax(0,1fr) 22px 22px;gap:2px;margin-top:2px}.workspace-heading .page-card-meta>span{font-size:.58rem}.workspace-heading .page-card-meta button{display:grid;place-items:center;width:22px;height:20px;padding:1px}.workspace-heading .page-card-meta .ui-icon{width:14px;height:14px}.workspace-heading .add-page{display:flex;align-items:center;justify-content:center;gap:4px;flex:0 0 76px;height:34px;padding:4px 7px;font-size:.65rem;white-space:nowrap}.workspace-heading .add-page .ui-icon{width:16px;height:16px}.workspace-stage{padding-top:28px}@media(max-width:1100px){.editor-grid{grid-template-columns:82px 220px minmax(0,1fr) 250px}.topbar{grid-template-columns:auto 1fr auto}.document-meta{display:none}.editor-toolbar{justify-self:end}.top-actions{grid-column:auto}}.editor-grid{transition:grid-template-columns .16s ease}.editor-grid.drawer-collapsed{grid-template-columns:88px 30px minmax(0,1fr) 286px}.editor-grid.inspector-collapsed{grid-template-columns:88px 260px minmax(0,1fr) 30px}.editor-grid.drawer-collapsed.inspector-collapsed{grid-template-columns:88px 30px minmax(0,1fr) 30px}.add-drawer,.inspector{position:relative}.drawer-inner,.inspector-content{transition:opacity .1s ease}.drawer-collapsed .add-drawer{padding:0;overflow:visible}.drawer-collapsed .drawer-inner{display:none}.inspector-collapsed .inspector{overflow:visible}.inspector-collapsed .inspector-content{display:none}.panel-collapse{position:absolute;z-index:12;display:grid;place-items:center;width:24px;height:32px;padding:0;border:1px solid var(--sq-line);background:#fff;color:var(--sq-muted);font-size:1rem;line-height:1;box-shadow:0 2px 7px #19335b14}.drawer-collapse{right:-12px;top:10px}.inspector-collapse{left:-12px;top:10px}.workspace-heading{position:relative;flex:0 0 52px;padding-right:40px;transition:flex-basis .16s ease}.workspace-heading.collapsed{flex-basis:22px;padding:0;border-bottom:1px solid var(--sq-line)}.workspace-heading.collapsed .workspace-title{display:none}.header-collapse{right:8px;top:9px;width:28px;height:28px}.workspace-heading.collapsed .header-collapse{top:-3px}.workspace-panel>.page-strip{display:flex;align-items:stretch;gap:12px;padding:8px 12px;border-top:1px solid var(--sq-line);background:#f7f9fc;min-height:100px}.workspace-panel>.page-strip .page-cards{display:flex;gap:8px;overflow-x:auto;min-width:0;flex:1}.workspace-panel>.page-strip .page-card{flex:0 0 122px;padding:4px;border:2px solid transparent;border-radius:8px}.workspace-panel>.page-strip .page-card.active{border-color:#1267d6;background:#eaf2ff}.workspace-panel>.page-strip .page-thumb{height:58px;aspect-ratio:auto}.workspace-panel>.page-strip .page-card-meta{grid-template-columns:minmax(0,1fr) 22px 22px;gap:2px;margin-top:3px}.workspace-panel>.page-strip .page-card-meta button{display:grid;place-items:center;width:22px;height:21px;padding:1px}.workspace-panel>.page-strip .page-card-meta .ui-icon{width:14px;height:14px}.workspace-panel>.page-strip .add-page{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 86px;align-self:center;height:38px;padding:5px 8px;font-size:.67rem;white-space:nowrap}.workspace-panel>.page-strip .add-page .ui-icon{width:16px;height:16px}@media(max-width:1100px){.editor-grid.drawer-collapsed{grid-template-columns:82px 30px minmax(0,1fr) 250px}.editor-grid.inspector-collapsed{grid-template-columns:82px 220px minmax(0,1fr) 30px}.editor-grid.drawer-collapsed.inspector-collapsed{grid-template-columns:82px 30px minmax(0,1fr) 30px}}.meta-divider{color:var(--sq-line)}.drawer-collapsed.editor-grid{grid-template-columns:88px 0 minmax(0,1fr) 286px}.inspector-collapsed.editor-grid{grid-template-columns:88px 260px minmax(0,1fr) 0}.drawer-collapsed.inspector-collapsed.editor-grid{grid-template-columns:88px 0 minmax(0,1fr) 0}.drawer-collapsed .add-drawer,.inspector-collapsed .inspector{border:0;padding:0;overflow:hidden;box-shadow:none}.workspace-panel>.workspace-stage{border-top:0}@media(max-width:1100px){.drawer-collapsed.editor-grid{grid-template-columns:82px 0 minmax(0,1fr) 250px}.inspector-collapsed.editor-grid{grid-template-columns:82px 220px minmax(0,1fr) 0}.drawer-collapsed.inspector-collapsed.editor-grid{grid-template-columns:82px 0 minmax(0,1fr) 0}}.stock-more{width:100%;margin-top:10px}.stock-result[role=button]{cursor:pointer}.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:560px;overflow-y:auto;overflow-x:hidden;align-items:start}.stock-result[role=button]{position:relative;display:flex;flex-direction:column;min-width:0;height:128px;padding:0;overflow:hidden;border:1px solid var(--sq-line);border-radius:7px;background:var(--sq-surface);text-align:left;cursor:pointer}.stock-result[role=button] img{display:block;width:100%;height:96px;min-height:96px;flex:0 0 96px;object-fit:cover}.stock-result[role=button]>span{display:block;flex:0 0 30px;min-width:0;padding:6px 7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--sq-muted);font-size:.68rem;line-height:18px}.stock-result[role=button]:hover,.stock-result[role=button]:focus-visible{border-color:#b8c8dc;outline:none;background:var(--sq-hover)}.stock-sources{display:flex;gap:5px}.stock-sources button{flex:1;padding:6px 7px;font-size:.68rem}.stock-sources button.active{background:#eaf2ff;border-color:#8eb8ef;color:#0b57b7}.stock-result .stock-license{position:absolute;right:4px;top:4px;max-width:72%;padding:2px 4px;border-radius:4px;background:#ffffffeb;color:#30445f;font-size:.52rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}