:root{--ink:#0b0b0f;--white:#fff;--silver:#f5f5f7;--canvas:#ececef;--slate:#62626b;--line:#e3e3e8;--control-border:#85858f;--lime:#e1ff00;--lime-hover:#d2ed00;--violet:#7c3aed;--violet-text:#5b21b6;--lavender:#e9e0ff;--dark-surface:#18181d;--dark-elevated:#23232b;--dark-muted:#b4b4bf;--dark-line:#3e3e49;--dark-control-border:#767680;--dark-selection:#c4b5fd}
@font-face{font-family:Inter;src:url(/fonts/inter.ttf)format("truetype");font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Inter,Arial,sans-serif;font-size:13px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--violet)}button{cursor:pointer;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:9px 12px}button:hover:not(:disabled){background:var(--silver)}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:13px;font-weight:550}h2{font-size:14px;font-weight:650}h3{font-size:12px;font-weight:600}.studio{flex-direction:column;height:100dvh;min-height:550px;display:flex;overflow:hidden}.topbar{background:var(--white);border-bottom:1px solid var(--line);z-index:5;flex-shrink:0;align-items:center;gap:16px;height:54px;padding:0 18px;display:flex}.wordmark{letter-spacing:-1.8px;font-size:29px;font-weight:780;line-height:1}.wordmark span{color:var(--violet)}.header-line{background:var(--line);width:1px;height:20px}.project-button{border:0;align-items:center;gap:15px;max-width:430px;padding:8px;display:flex}.project-button h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-button>svg{color:var(--slate);transform:rotate(90deg)}.history{gap:3px;margin-left:8px;display:flex}.icon-button{border:0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;padding:7px;display:inline-flex}.save-status{color:var(--slate);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.status-dot{background:var(--slate);border-radius:50%;width:5px;height:5px}.primary{background:var(--ink);color:var(--white);border-color:var(--ink);font-weight:550}.primary:hover:not(:disabled){background:var(--dark-elevated)}.save-button{white-space:nowrap;height:34px;font-size:12px}.save-button:disabled{opacity:.65}.workspace{flex:1;grid-template-columns:64px 252px minmax(0,1fr) 292px;min-height:0;display:grid}.tool-rail{border-right:1px solid var(--line);background:var(--white);z-index:3;flex-direction:column;align-items:center;gap:7px;padding:14px 5px;display:flex}.rail-tool{border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:52px;min-height:52px;padding:8px 2px;display:flex}.rail-tool>span{font-size:9px;font-weight:500}.rail-tool.selected{background:var(--lavender);color:var(--violet-text)}.rail-tool.active{background:var(--silver)}.rail-divider{background:var(--line);width:28px;height:1px;margin:5px 0}.rail-spacer{flex:1}.tool-panel{background:var(--white);border-right:1px solid var(--line);min-width:0;overflow:auto}.panel-title{justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex}.page-picker{color:var(--slate);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 16px 14px;font-size:11px;display:flex}select,input,textarea{background:var(--silver);border:1px solid var(--line);border-radius:8px;width:100%;max-width:100%;min-height:36px;padding:9px 11px}.page-picker select{flex:1;min-height:32px;padding:6px 10px;font-size:11px}.layers{flex-direction:column;gap:3px;padding:10px 8px;display:flex}.layer{text-align:left;border:0;border-radius:7px;align-items:center;gap:9px;min-height:40px;padding:7px 8px;display:flex}.layer>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.layer>svg{color:var(--slate)}.layer.selected{background:var(--lavender);color:var(--violet-text)}.layer-thumb{border:1px solid var(--line);background:var(--white);border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.empty-state{color:var(--slate);text-align:center;padding:18px;font-size:12px;line-height:1.8}.image-library{padding:0 18px}.image-library>p{color:var(--slate);margin-bottom:16px;font-size:12px;line-height:1.7}.image-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.image-grid button{text-align:left;border-radius:10px;padding:0;overflow:hidden}.image-grid img{width:100%;display:block}.image-grid span{padding:8px;font-size:11px;display:block}.canvas-region{background:var(--canvas);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvas-top{height:65px;color:var(--slate);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 26px;font-size:11px;display:flex}.canvas-top>span{align-items:center;gap:12px;display:flex}.canvas-top small{color:var(--slate);font-size:10px}.guide-switch{align-items:center;gap:7px;font-size:10px;display:flex}.guide-switch input{width:12px;height:12px;min-height:0;accent-color:var(--violet);margin:0}.canvas-scroll{flex:1;align-items:center;min-height:0;padding:24px 32px;display:flex;overflow:auto;container-type:size}.paper-wrap{flex-shrink:0;min-width:15%;margin:auto}.ruler{color:var(--slate);border-bottom:1px solid #b8b8c0;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;font-size:8px;display:flex}.paper{background:var(--white);width:100%;display:block;overflow:hidden;box-shadow:0 3px 18px #0b0b0f10}.artwork-node{cursor:pointer}.artboard-caption{text-align:center;color:var(--slate);margin-top:13px;font-size:10px;display:block}.canvas-footer{flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.page-navigation,.zoom{background:var(--white);border-radius:10px;align-items:center;gap:6px;padding:4px;font-size:11px;display:flex;box-shadow:0 1px 8px #0b0b0f08}.page-navigation{gap:8px}.zoom button{border:0;place-items:center;min-width:30px;height:30px;padding:4px;font-size:18px;display:grid}.zoom output{text-align:center;min-width:40px;font-size:11px}.zoom>span{background:var(--line);width:1px;height:16px}.right-panel{background:var(--white);border-left:1px solid var(--line);min-width:0;overflow:auto}.inspector-tabs{border-bottom:1px solid var(--line);align-items:center;gap:4px;height:52px;padding:8px 14px;display:flex}.inspector-tabs button{color:var(--slate);border:0;padding:8px 12px;font-size:12px;font-weight:500}.inspector-tabs .active{background:var(--silver);color:var(--ink)}.inspector-section{border-bottom:1px solid var(--line);padding:18px}.object-title{align-items:center;gap:9px;margin-bottom:20px;display:flex}.object-title h2{flex:1;font-size:14px}.object-title>svg:last-child:not(:first-child){color:var(--slate)}.field-label{color:var(--slate);margin-bottom:12px;font-size:11px;display:block}.field-label textarea,.field-label select{color:var(--ink);margin-top:8px;font-size:12px;line-height:1.6;display:block}.field-label textarea{resize:vertical;min-height:74px}.font-control{border:1px solid var(--line);border-radius:8px;justify-content:space-between;margin-top:12px;margin-bottom:10px;padding:12px;font-size:12px;display:flex}.font-control span+span{color:var(--slate);font-size:11px}.property-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.property{background:var(--silver);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;min-width:0;padding:10px;font-size:11px;display:flex}.property span{color:var(--slate)}.property strong{margin-left:7px;font-weight:450}.inspector-section>h3{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.inspector-section h3 small{color:var(--slate);font-size:10px;font-weight:400}.swatch-row{border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:9px;font-size:11px;display:flex}.swatch{border:1px solid #0b0b0f14;border-radius:5px;width:24px;height:24px}.swatch-row small{color:var(--slate);margin-left:auto}.subtle-note{color:var(--slate);margin-top:12px;font-size:11px;line-height:1.7}.asset-preview{border-radius:8px;width:90px;display:block}.no-selection{text-align:center;color:var(--slate);flex-direction:column;align-items:center;gap:16px;padding:52px 24px;display:flex}.no-selection h2{color:var(--ink);font-size:14px}.no-selection p{font-size:12px;line-height:1.8}.no-selection button{font-size:11px}.output-note{margin-top:28px}.output-note p{color:var(--slate);margin-top:12px;font-size:12px;line-height:1.8}.project-picker{z-index:10;background:var(--white);border:1px solid var(--line);border-radius:14px;width:340px;max-height:70vh;padding-bottom:8px;position:absolute;top:58px;left:140px;overflow:auto;box-shadow:0 16px 50px #0b0b0f20}.new-project{background:var(--lime);border:0;align-items:center;gap:10px;width:calc(100% - 24px);margin:0 12px 12px;display:flex}.project-list{border-top:1px solid var(--line);padding:8px}.project-list button{text-align:left;border:0;align-items:center;gap:12px;width:100%;font-size:12px;display:flex}.project-list small{color:var(--slate);margin-top:6px;font-size:10px;display:block}.project-list button>span:first-of-type{flex:1}.current-dot{background:var(--violet);border-radius:50%;width:6px;height:6px}.error-banner{color:#b91c1c;z-index:5;background:#fef2f2;align-items:center;gap:12px;padding:12px 20px;font-size:12px;display:flex}.error-banner>span{flex:1}.error-banner button{font-size:11px}.loading{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;display:flex}.loading p{color:var(--slate)}.new-document{background:var(--silver);flex-direction:column;align-items:center;gap:40px;min-height:100dvh;padding:32px;display:flex}.new-document form{background:var(--white);border:1px solid var(--line);border-radius:18px;width:430px;max-width:100%;padding:32px;box-shadow:0 5px 30px #0b0b0f05}.eyebrow{letter-spacing:1.4px;color:var(--slate);font-size:10px}.new-document h1{letter-spacing:-.8px;margin-top:12px;font-size:28px}.new-document p{color:var(--slate);margin:14px 0 26px;font-size:12px;line-height:1.8}.new-document label{margin-bottom:18px;font-size:12px;display:block}.new-document input{margin-top:8px}.two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.size-presets{gap:8px;margin-bottom:20px;display:flex}.size-presets button{font-size:11px}.new-document .primary{width:100%;height:42px;margin-top:5px}.new-document form>a{text-align:center;margin-top:22px;font-size:12px;display:block}.new-document .error-text{color:#b91c1c}@media (min-width:1800px){.canvas-scroll{padding:34px 60px}}@media (max-width:1100px){.workspace{grid-template-columns:60px 240px minmax(0,1fr) 280px}.workspace.panel-collapsed{grid-template-columns:60px minmax(0,1fr) 280px}.workspace.inspector-collapsed{grid-template-columns:60px 240px minmax(0,1fr)}.workspace.panel-collapsed.inspector-collapsed{grid-template-columns:60px minmax(0,1fr)}.topbar{gap:10px;padding:0 12px}.project-button{max-width:260px}.history{margin-left:0}.save-status{font-size:10px}.canvas-top{padding:0 18px}.canvas-top small{display:none}.canvas-scroll{padding:24px 20px}.canvas-footer{padding:0 18px}}@media (max-width:760px){.workspace,.workspace.panel-collapsed,.workspace.inspector-collapsed,.workspace.panel-collapsed.inspector-collapsed{grid-template-columns:56px minmax(0,1fr)}.tool-panel{z-index:4;width:250px;position:absolute;top:54px;bottom:0;left:56px;box-shadow:6px 0 20px #0b0b0f12}.right-panel{z-index:4;width:280px;position:absolute;top:54px;bottom:0;right:0;box-shadow:-6px 0 20px #0b0b0f12}.wordmark{font-size:24px}.header-line,.history,.save-status{display:none}.topbar{gap:7px}.project-button{max-width:35vw;padding:4px}.project-button h1{font-size:11px}.save-button{margin-left:auto;padding-inline:10px;font-size:10px}.tool-rail{width:56px;padding-inline:2px}.rail-tool{width:48px}.project-picker{max-width:calc(100% - 24px);left:12px}.canvas-top small{display:none}}.layer-row{border-radius:7px;align-items:center;display:flex}.layer-row.selected{background:var(--lavender);color:var(--violet-text)}.layer-row .layer{background:0 0;flex:1;min-width:0;padding-right:2px}.layer-action{background:0 0;border:0;place-items:center;width:21px;padding:3px;display:grid}.layer-action:last-child{margin-right:3px}.shape-library{grid-template-columns:1fr 1fr;gap:10px;padding:6px 18px;display:grid}.shape-library button{flex-direction:column;align-items:center;gap:14px;padding:24px 8px;font-size:11px;display:flex}.shape-example{background:var(--lavender);border:1px solid var(--violet);width:52px;height:42px}.shape-example.ellipse{border-radius:50%}.insert-image{align-items:center;gap:10px;width:100%;margin-bottom:18px;font-size:12px;display:flex}.canvas-switches{gap:15px;display:flex}.number-field{background:var(--silver);border:1px solid var(--line);border-radius:8px;align-items:center;gap:4px;min-width:0;padding:2px 8px;display:flex}.number-field>span{color:var(--slate);white-space:nowrap;font-size:10px}.number-field input{text-align:right;appearance:textfield;background:0 0;border:0;min-width:0;min-height:32px;padding:7px 0;font-size:11px}.number-field input::-webkit-inner-spin-button{appearance:none}.segmented{background:var(--silver);border-radius:8px;gap:3px;margin-top:10px;padding:3px;display:flex}.segmented button{text-transform:capitalize;background:0 0;border:0;flex:1;padding:7px 4px;font-size:10px}.segmented button[aria-pressed=true]{background:var(--white);box-shadow:0 1px 5px #0b0b0f10}.field-label input{margin-top:8px;font-size:12px}.swatch-row input[type=color]{background:0 0;border:0;border-radius:4px;width:26px;height:26px;min-height:0;padding:0}.stroke-controls{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.range-field{margin-bottom:16px;display:block}.range-field>span{text-transform:capitalize;justify-content:space-between;font-size:11px;display:flex}.range-field output{color:var(--slate);font-size:10px}.range-field input{height:14px;min-height:0;accent-color:var(--ink);margin-top:9px;padding:0}.text-button{background:0 0;border:0;padding:8px 0;font-size:11px;text-decoration:underline}.context-toolbar{z-index:2;background:var(--white);border:1px solid var(--line);border-radius:11px;align-items:center;gap:3px;max-width:calc(100% - 24px);padding:5px;display:flex;position:absolute;top:50px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #0b0b0f0d}.context-toolbar button{border:0;place-items:center;min-height:30px;padding:6px;font-size:10px;display:grid}.context-toolbar select{background:var(--silver);border:0;width:80px;min-height:30px;padding:5px;font-size:10px}.paper{touch-action:none;-webkit-user-select:none;user-select:none}.canvas-text-editor{border:1px solid var(--violet);resize:none;width:100%;height:100%;color:inherit;background:#ffffffed;border-radius:0;min-height:0;margin:0;padding:0;font-family:Inter;display:block;outline:none!important}.pan-mode .paper,.pan-mode .artwork-node{cursor:grab}.canvas-scroll{overscroll-behavior:contain}.context-toolbar+.canvas-footer{position:relative}@media (max-width:1100px){.context-toolbar{gap:1px}.context-toolbar button[aria-label=Copy\ selection],.context-toolbar button[aria-label=Paste\ objects]{display:none}.page-navigation{gap:2px}.canvas-footer{padding:0 10px}.zoom{gap:0}}@media (max-width:760px){.context-toolbar{top:52px}.page-navigation .icon-button{width:26px}.zoom output{min-width:34px}}.workflow-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.workflow-header a:not(.wordmark){color:var(--slate);font-size:14px}.generation-page{max-width:1320px;margin:0 auto;padding:0 32px 60px}.generation-grid{grid-template-columns:1.15fr 1fr;gap:72px;margin:64px 0;display:grid}.generation-page h1{letter-spacing:-1px;max-width:700px;margin:16px 0;font-size:36px;line-height:1.18}.generation-page p{font-size:14px;line-height:1.65}.generation-card{border:1px solid var(--line);background:#fff;border-radius:20px;align-self:start;padding:32px}.generation-card h2{margin:0 0 28px;font-size:20px}.generation-card label{gap:10px;margin:22px 0;font-size:13px;font-weight:600;display:grid}.generation-card input,.generation-card select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:8px;padding:12px}.generation-card small{color:var(--slate);font-size:12px;font-weight:400}.generation-card .primary{width:100%;min-height:44px;margin-top:20px}.subtle{color:var(--slate)}.template-cover{aspect-ratio:1.5;color:#244140;background:#f7f1df;border-left:12px solid #244140;flex-direction:column;gap:36px;margin-top:36px;padding:28px;display:flex;position:relative}.template-cover>span{font-size:22px}.template-cover strong{overflow-wrap:anywhere;max-width:65%;font-size:25px;font-weight:500}.template-cover img{width:22%;position:absolute;top:38%;right:22px}.template-cover small{letter-spacing:1px;margin-top:auto;font-size:10px}.output-note{background:#f8f5ff;border:1px solid #ddd4fa;border-radius:12px;padding:16px 20px;font-size:13px}.output-note p{margin:6px 0}.job-title{justify-content:space-between;align-items:center;gap:30px;margin:44px 0 24px;display:flex}.job-title .primary{white-space:nowrap;padding:14px 20px;text-decoration:none}.output-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;display:grid}.output-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.output-card>img{aspect-ratio:1.5;object-fit:contain;background:#eee;width:100%;display:block}.output-card>div:not(.pdf-card){padding:20px}.output-card h2{margin:0;font-size:16px}.output-card a{color:#6122d7;font-size:13px}.pdf-card{aspect-ratio:1.5;background:#ece7f7;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.pdf-card strong{letter-spacing:-2px;color:#6122d7;font-size:44px}.pdf-card span{font-size:11px}.exports-panel{z-index:30;border:1px solid var(--line);background:#fff;border-radius:14px;width:360px;max-height:calc(100vh - 90px);padding:20px;position:absolute;top:65px;right:20px;overflow-y:auto;box-shadow:0 15px 40px #15102222}.exports-panel p{font-size:13px;line-height:1.6}.exports-panel ul{max-height:240px;margin:16px 0 0;padding:0;list-style:none;overflow:auto}.exports-panel li a{border-top:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:12px;display:flex}@media (max-width:850px){.generation-grid{grid-template-columns:1fr;gap:30px;margin:32px 0}.generation-page{padding:0 20px 40px}.output-grid{grid-template-columns:1fr}.job-title{flex-direction:column;align-items:start}.generation-page h1{font-size:28px}}.login-page{flex-direction:column;justify-content:center;align-items:center;gap:36px;min-height:100vh;padding:30px;display:flex}.login-page section{max-width:440px}.login-page h1{letter-spacing:-1px;margin:20px 0 12px;font-size:30px}.login-page p{line-height:1.65}.login-link{text-align:center;border-radius:8px;margin:28px 0 18px;padding:13px;text-decoration:none;display:block}.vector-help{z-index:5;border:1px solid var(--line);background:var(--surface,#fff);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px 12px;font-size:12px;display:flex;position:absolute;top:8px;left:16px}.vector-help button{padding:5px 8px}.gradient-stop{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;display:grid}.gradient-stop input[type=color]{width:100%;height:30px;display:block}.layout-notice{z-index:4;background:#fff;border-radius:10px;padding:8px 12px;font-size:12px;position:absolute;top:8px;left:16px}.typography-controls{gap:8px;margin-bottom:12px;display:grid}.typography-controls p{color:var(--slate);margin:0;font-size:11px;line-height:1.5}.typography-controls .font-control{margin:0}.typography-controls details{border:1px solid var(--line);border-radius:8px;padding:10px}.typography-controls summary{cursor:pointer;font-size:12px;font-weight:500}.typography-controls details[open] summary{margin-bottom:10px}.typography-controls fieldset{border:0;gap:8px;min-width:0;margin:10px 0 0;padding:0;display:grid}.typography-controls button{border:1px solid var(--line);background:var(--silver);border-radius:8px;padding:8px;font-size:11px}.print-preset-panel{border-top:1px solid var(--line);margin-bottom:16px;padding-top:12px}.print-preset-panel label{gap:5px;margin:10px 0;font-size:12px;display:grid}.print-preset-panel input,.print-preset-panel select{color:#203039;background:#fff;border:1px solid #d5d9dd;border-radius:6px;width:100%;min-height:34px;padding:6px 8px}.print-preset-panel .print-check{align-items:center;display:flex}.print-preset-panel .print-check input{width:16px;min-height:16px}.print-preset-panel button{margin:4px 6px 4px 0}.print-ppi{grid-template-columns:1fr 1fr;gap:10px;display:grid}.output-note code{overflow-wrap:anywhere;font-size:11px}.print-findings a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.image-import-panel{border-bottom:1px solid var(--line);gap:10px;margin-bottom:16px;padding-bottom:18px;display:grid}.image-import-panel h3{font-size:14px}.image-import-panel p{font-size:12px;line-height:1.5}.image-import-panel [role=status]{gap:8px;display:grid}.image-import-panel a{color:var(--violet-text);text-decoration:underline}.design-library{max-width:1320px;margin:0 auto;padding:40px 32px}.design-library header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.library-brand{font-size:24px;font-weight:750;text-decoration:none}.design-library h1{margin:12px 0;font-size:32px}.design-library nav{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.design-library nav [aria-pressed=true]{color:#fff;background:#183d39}.library-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;padding:0;list-style:none;display:grid}.library-grid>li,.library-recovery{background:#fff;border:1px solid #d7ddd9;border-radius:12px;padding:22px}.library-grid h2{overflow-wrap:anywhere;font-size:19px}.library-grid h2 a{color:inherit;text-decoration:none}.library-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.library-recovery{margin-top:24px}.library-recovery li{flex-wrap:wrap;align-items:center;gap:16px;padding:14px 0;display:flex}.library-recovery ul{padding:0;list-style:none}.archive-banner{color:#493600;background:#fff4ce;justify-content:space-between;padding:12px 24px;display:flex}.design-library a.primary{border-radius:8px;justify-content:center;align-items:center;padding:12px 18px;text-decoration:none;display:inline-flex}.library-filters{flex-wrap:wrap;gap:16px;margin:20px 0;display:flex}.library-filters label{align-items:center;gap:8px;display:flex}.library-filters input,.library-filters select{color:#292c26;background:#fff;border:1px solid #d5d7d0;border-radius:6px;padding:8px 12px}.studio .topbar{gap:10px;padding:0 14px;box-shadow:0 1px #0b0b0f08}.studio .wordmark{font-size:25px}.workspace-label{color:var(--slate);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.project-button{background:0 0;gap:9px;min-width:0;padding:8px 10px}.project-button:hover:not(:disabled){background:var(--silver)}.header-action{white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:11px;font-weight:550;display:inline-flex}.header-action.active,.header-action[aria-expanded=true]{background:var(--lavender);color:var(--violet-text);border-color:#d7c6ff}.header-action b{background:var(--violet);min-width:17px;height:17px;color:var(--white);border-radius:999px;place-items:center;padding:0 4px;font-size:9px;display:inline-grid}.studio .save-button{border-radius:9px}.workspace{grid-template-columns:62px 260px minmax(0,1fr) 304px}.workspace.panel-collapsed{grid-template-columns:62px minmax(0,1fr) 304px}.workspace.inspector-collapsed{grid-template-columns:62px 260px minmax(0,1fr)}.workspace.panel-collapsed.inspector-collapsed{grid-template-columns:62px minmax(0,1fr)}.tool-rail{background:#fbfbfc;gap:4px;padding:10px 5px}.rail-tool{gap:5px;width:50px;min-height:48px;transition:background .12s,color .12s,transform .12s}.rail-tool:hover:not(:disabled){transform:translateY(-1px)}.rail-tool.active,.rail-tool.selected{background:var(--ink);color:var(--white)}.rail-tool>span{letter-spacing:.01em;font-size:9px}.tool-panel,.right-panel{scrollbar-color:#c8c8d0 transparent;scrollbar-width:thin}.panel-title{height:56px}.panel-title h2{letter-spacing:-.01em}.layers{padding:10px}.layer-row{border:1px solid #0000}.layer-row:hover{border-color:var(--line)}.layer-row.selected{border-color:#d8c8ff}.canvas-region{background-color:#ededf1;background-image:radial-gradient(#cfcfd7 .65px,#0000 .65px);background-size:16px 16px}.canvas-top{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#f7f7f9e8,#f2f2f5e8);border-bottom:1px solid #dddde4;height:58px;padding:0 24px}.canvas-top>span{color:var(--ink);font-weight:550}.guide-switch{background:#ffffffa8;border-radius:7px;padding:6px 8px}.paper{box-shadow:0 18px 45px #18181d1c,0 1px 3px #18181d18}.canvas-footer{z-index:4;height:58px;position:relative}.page-navigation,.zoom{border:1px solid #dedee5;border-radius:12px;box-shadow:0 7px 22px #11111812}.right-panel{box-shadow:-8px 0 24px #11111808}.inspector-tabs{background:#fbfbfc;height:56px;padding:8px 12px}.inspector-tabs button{border-radius:8px;flex:1}.inspector-tabs .active{background:var(--white);box-shadow:0 1px 5px #0b0b0f12}.inspector-section{padding:20px 18px}.inspector-section>h3{letter-spacing:.05em;text-transform:uppercase;font-size:11px}.number-field,.property,.field-label input,.field-label textarea,.field-label select,.font-control,.swatch-row{background:#f7f7f9;border-color:#e0e0e6}.no-selection{padding:44px 20px 28px}.no-selection-icon{background:var(--lavender);width:48px;height:48px;color:var(--violet-text);border-radius:14px;place-items:center;display:grid}.inspector-quick-actions{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;display:grid}.inspector-quick-actions button{flex-direction:column;align-items:center;gap:6px;min-width:0;padding:11px 4px 9px;font-size:10px;display:flex}.canvas-welcome{z-index:3;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #dedee5;border-radius:18px;width:min(520px,100% - 80px);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);box-shadow:0 24px 70px #13131a1c}.canvas-welcome-mark{background:var(--ink);width:42px;height:42px;color:var(--lime);border-radius:13px;place-items:center;margin:0 auto 14px;display:grid}.canvas-welcome h2{letter-spacing:-.035em;font-size:20px}.canvas-welcome p{max-width:380px;color:var(--slate);margin:9px auto 19px;font-size:12px;line-height:1.6}.canvas-welcome>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.canvas-welcome button{align-items:center;gap:7px;display:inline-flex}.context-toolbar{border-radius:12px;top:66px;box-shadow:0 10px 30px #11111818}.exports-panel{border-radius:16px;top:62px;right:14px;box-shadow:0 24px 70px #11111824}.new-document{background:radial-gradient(circle at 16% 20%,#e9e0ff 0,#0000 28%),radial-gradient(circle at 85% 80%,#e1ff0030 0,#0000 24%),#f4f4f7;min-height:100dvh;padding:0;display:block}.new-document-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border-bottom:1px solid #dddde4;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex}.new-document-header>a:last-child{color:var(--slate);font-size:12px}.new-document-shell{grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr);align-items:center;gap:72px;max-width:1180px;min-height:calc(100dvh - 66px);margin:0 auto;padding:64px 36px;display:grid}.new-document-intro h1{letter-spacing:-.065em;max-width:560px;margin-top:14px;font-size:clamp(40px,5vw,68px);line-height:.98}.new-document-intro>p{max-width:510px;color:var(--slate);margin:22px 0 34px;font-size:15px;line-height:1.7}.new-document-preview{background-color:#e9e9ed;background-image:radial-gradient(#c9c9d1 .65px,#0000 .65px);background-size:14px 14px;border:1px solid #dcdce3;border-radius:20px;place-items:center;height:280px;padding:26px;display:grid;overflow:hidden}.new-document-preview>div{background:#fff;border-radius:2px;flex-direction:column;justify-content:flex-end;width:min(82%,410px);max-height:220px;padding:20px;display:flex;box-shadow:0 18px 40px #11111820}.new-document-preview span{margin-bottom:auto;font-size:12px;font-weight:750}.new-document-preview span:first-letter{color:var(--violet)}.new-document-preview strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;font-size:20px;overflow:hidden}.new-document-preview small{color:var(--slate);margin-top:6px;font-size:9px}.new-document form{border-radius:20px;width:100%;padding:28px;box-shadow:0 22px 60px #11111812}.form-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.form-heading span{letter-spacing:-.025em;font-size:17px;font-weight:650}.form-heading small{color:var(--slate);font-size:10px}.size-presets{grid-template-columns:repeat(3,1fr);display:grid}.size-presets button{text-align:left;min-width:0;padding:12px 10px}.size-presets button strong,.size-presets button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.size-presets button strong{font-size:10px}.size-presets button small{color:var(--slate);margin-top:4px;font-size:8px}@media (max-width:1180px){.workspace-label,.library-button span,.recovery-button span{display:none}.header-action{width:34px;padding:0}.new-document-shell{gap:40px}}@media (max-width:860px){.new-document-shell{grid-template-columns:1fr;padding:44px 22px}.new-document-intro h1{font-size:46px}.new-document-preview{height:220px}}@media (max-width:760px){.canvas-welcome{width:calc(100% - 32px);padding:20px 16px}.canvas-welcome>div{flex-direction:column}.canvas-welcome button{justify-content:center}.new-document-header{padding:0 20px}.new-document-shell{padding:32px 16px}.new-document-intro h1{font-size:38px}}