: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;display:grid;place-items:center;padding:36px;background:#eef2f7}.canvas-frame{line-height:0;background:#fff;box-shadow:0 10px 36px #19335b1f}.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}