@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-synthesis:none;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--paper);--ink: #101214;--muted: #697279;--accent: #0085ff;--cyan: #28caff;--lime: #d9ff4b;--accent-soft: #eaf5ff;--border: #e2e6e8;--field: #f1f3f4;--surface: #ffffff;--paper: #fafbfa;--workspace: #eef1f3;--timeline-height: 280px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.35;cursor:default}button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{min-width:0;border:1px solid var(--border);padding:7px 9px;border-radius:7px;background:var(--field);color:var(--ink)}input[type=number]{width:100%;font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:36px;font-weight:600;letter-spacing:-1.6px;line-height:1.12}h2{font-size:16px;font-weight:550;letter-spacing:-.3px}h3{font-size:13px;font-weight:600}p{line-height:1.65}svg{display:block}button,a.primary-button,a.secondary-button,select{transition:background .12s,color .12s,box-shadow .12s}a{color:var(--accent)}.row{display:flex;align-items:center}.gap{gap:9px}.spread{justify-content:space-between}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}.subtle{font-size:12px;color:var(--muted);line-height:1.6}.plain{padding:0;text-align:left}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;flex-shrink:0;color:var(--ink)}.icon-button:hover:not(:disabled),.small-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){background:var(--field);color:var(--ink)}.icon-button.active{color:var(--accent);background:var(--accent-soft)}.icon-button.tiny{width:23px;height:25px}.primary-button,.secondary-button,.small-button,.wide-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;white-space:nowrap;font-weight:500;text-decoration:none}.primary-button{background:#080a0b;border:1px solid #080a0b;border-radius:8px;box-shadow:0 1px 2px #00000012;padding:11px 17px;color:#fff}.primary-button:hover:not(:disabled){background:#262a2c}.site a.primary-button{color:#fff}.site a.primary-button:focus-visible{outline-offset:2px}.secondary-button{color:var(--ink);background:var(--paper);border:1px solid var(--border);border-radius:8px;padding:10px 15px}.small-button{padding:7px 10px;border:1px solid var(--border);font-size:12px}.wide-button{width:100%;border:1px solid var(--border);padding:8px;margin:9px 0}.text-button{font-size:12px;padding:5px 0;color:var(--accent)}.secondary-button.danger-button{color:#b42318}.secondary-button.danger-button:hover:not(:disabled){background:#fff0ee;border-color:#f2b8b3}.read-only-badge{flex-shrink:0;color:var(--muted);font-size:11px;padding:4px 7px;border:1px solid var(--border);border-radius:5px}.read-only-editor .document-title{width:clamp(90px,15vw,210px)}.read-only-editor input[readonly]{cursor:text;border-color:transparent;background:transparent}.read-only-editor .number-scrub[aria-disabled=true]{visibility:hidden}.separator{width:1px;height:20px;background:var(--border);margin:0 7px}.library{display:grid;min-height:100vh;grid-template-columns:218px minmax(0,1fr);background:var(--paper)}.library-sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:var(--paper);padding:30px 18px 20px}.workspace-label{font-weight:600;padding:0 12px 16px;font-size:10px;letter-spacing:1.2px;color:var(--muted)}.nav-item{display:flex;align-items:center;gap:10px;text-align:left;width:100%;font-size:13px;margin-bottom:3px;border-radius:6px;color:var(--ink);padding:11px 12px}.nav-item:hover{background:var(--field)}.nav-item.active{font-weight:550;background:var(--accent-soft);color:var(--accent)}.nav-item small{margin-left:auto}.folders-heading{padding:25px 11px 9px;font-size:12px;color:var(--muted)}.sidebar-bottom{margin-top:auto;padding-top:24px}.local-status{display:block;font-size:11px;color:var(--muted);line-height:1.6;padding:10px 12px 0}.account-label{display:block;overflow:hidden;text-overflow:ellipsis;padding:12px;font-size:12px;color:var(--muted)}.folder-form{padding:8px;display:flex;gap:5px;flex-wrap:wrap}.folder-form input{width:100%}.library-main{width:100%;padding:46px clamp(24px,4vw,72px) 60px;max-width:1500px;margin:0 auto}.library-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{display:block;margin-bottom:11px;font-size:9px;letter-spacing:1.3px;color:var(--muted);font-weight:500}.starter-section{border-bottom:1px solid var(--border);padding-bottom:32px;margin-bottom:30px}.starter-section h2{font-size:14px;color:var(--ink)}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.starter-card{display:flex;align-items:center;text-align:left;min-width:0;padding:22px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:none;gap:14px}.starter-card>svg{margin-left:auto;color:var(--muted)}.starter-card b{font-size:13px;display:block;margin-bottom:6px;font-weight:600;color:var(--ink)}.starter-card span:not(.starter-art){font-size:11px;display:block;line-height:1.5;color:var(--muted)}.starter-card:hover{border-color:#a9cbdc;box-shadow:0 4px 20px #10121406}.starter-art{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:40px;background:transparent;color:#f4b38a;border-radius:0;font-family:inherit}.morph-art{width:29px;height:29px;margin:5px;background:var(--cyan);border-radius:5px;transform:rotate(-14deg)}.spinner-art{width:31px;height:31px;margin:4px;background:none;border:4px solid #a4be3b;border-right-color:var(--ink);border-bottom-color:var(--ink);border-radius:50%}.library-list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.library-list-heading h2{font-size:14px}.library-list-heading small{font-size:11px;color:var(--muted);margin-left:9px}.search-field{display:flex;align-items:center;gap:5px;color:var(--muted);border:1px solid var(--border);border-radius:7px;padding:2px 9px;background:var(--surface)}.search-field input{border:0;background:transparent;font-size:12px;width:175px}.document-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.document-card{position:relative;border:1px solid var(--border);background:#fff;min-width:0;border-radius:8px;overflow:visible}.document-preview{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--workspace);border-radius:7px 7px 0 0;aspect-ratio:1.45;padding:28px}.document-preview svg{height:100%;max-width:100%}.document-preview:hover{background:#e7ecef}.document-info{display:flex;align-items:center;gap:5px;justify-content:space-between;padding:17px}.document-info b{font-size:13px;display:block;margin-bottom:6px;font-weight:550;color:var(--ink)}.document-info span{font-size:11px;color:var(--muted)}.card-menu{position:absolute;right:10px;top:calc(100% - 10px);z-index:20;background:#fff;padding:7px;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 30px #18203817;min-width:185px}.card-menu button{display:flex;gap:9px;align-items:center;width:100%;padding:9px;border-radius:4px;font-size:12px}.card-menu button:hover{background:var(--field)}.card-menu label{display:block;padding:9px;font-size:11px;color:var(--muted)}.card-menu select{display:block;margin-top:5px;width:100%;font-size:12px}.empty-library{text-align:center;display:flex;align-items:center;flex-direction:column;gap:13px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:56px 24px;color:var(--muted)}.empty-library h3{font-size:15px;font-weight:500;color:var(--ink)}.empty-library p{font-size:12px}.empty-library .secondary-button{font-size:12px;margin-top:5px}.editor{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);height:100dvh;min-height:560px;display:grid;overflow:hidden;grid-template-rows:62px minmax(150px,1fr) 4px var(--timeline-height) 30px;background:var(--paper);position:relative}.editor-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);z-index:5;padding:0 22px 0 14px;background:var(--paper)}.document-title{border:0;background:transparent;padding:6px;font-size:12px;font-weight:500;width:210px}.editor-header .primary-button,.editor-header .secondary-button{font-size:12px;padding:9px 13px}.editor-body{min-width:0;display:grid;min-height:0;grid-template-columns:minmax(240px,1fr) 288px;position:relative}.layers-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--paper)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:12px;font-weight:600;height:48px;min-height:48px;color:var(--ink);border-bottom:1px solid var(--border)}.layers-tree{overflow:auto;flex:1;padding-top:9px}.layer-row{display:flex;align-items:center;height:34px;padding-right:9px;gap:7px;font-size:12px;-webkit-user-select:none;user-select:none;cursor:default;color:var(--ink)}.layer-row.selected{background:var(--accent-soft);color:var(--accent)}.layer-row:hover:not(.selected){background:var(--field)}.layer-row>.truncate{flex:1}.layer-type{color:var(--muted);flex-shrink:0}.layer-action{opacity:0}.layer-row:hover .layer-action,.layer-action.shown{opacity:1}.layer-footer{border-top:1px solid var(--border);padding:8px;display:flex;gap:9px}.panel-empty{padding:22px 20px;font-size:12px;color:var(--muted)}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.tool-button:hover{background:var(--field)}.tool-button.active{color:var(--accent);background:var(--accent-soft)}.zoom-control{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:12px;padding:8px}.canvas-area{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--workspace);background-image:none}.tool-pen,.tool-rect,.tool-ellipse,.tool-line{cursor:crosshair}.tool-hand{cursor:grab}.artboard-wrap{position:absolute;left:50%;top:50%;box-shadow:0 0 0 1px var(--border)}.artboard{overflow:visible;background:var(--paper)}.artboard-label{position:absolute;left:0;top:-22px;font-size:11px;color:var(--muted);white-space:nowrap}.artboard-label span{margin-left:10px;color:var(--muted)}.canvas-hint{position:absolute;left:20px;right:20px;text-align:center;pointer-events:none;font-size:10px;color:var(--muted);bottom:14px}.inspector{border-left:1px solid var(--border);overflow-y:auto;min-height:0;scrollbar-width:thin;background:var(--paper)}.inspector section{border-bottom:1px solid var(--border);padding:20px}.inspector h3{font-size:12px;color:var(--ink);font-weight:550;margin-bottom:16px}.inspector .row h3{margin:0}.name-input{border:0;background:transparent;width:100%;padding:3px 0 12px;font-size:13px;font-weight:550}.property{display:grid;align-items:center;margin:3px 0;grid-template-columns:minmax(0,1fr) 113px;min-height:39px;gap:8px}.property label{color:#42484c;font-size:11px}.property input{font-size:12px;border:1px solid transparent;height:32px;background:var(--field);border-radius:7px;padding:7px 9px}.property input:hover{border-color:var(--border)}.key-toggle{width:19px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;color:#aebbc4}.key-toggle:hover,.key-toggle.keyed,.key-toggle.at-key{color:var(--accent)}.key-toggle.at-key svg{fill:var(--accent)}.paint-row{display:flex;align-items:center;font-size:11px;margin-bottom:10px;padding:7px;border-radius:7px;background:var(--field);color:var(--ink);gap:9px}.paint-row>.truncate{flex:1}.inspector select{font-size:11px;width:100%;padding:7px;margin:4px 0}.inspector .gap>*{min-width:0}.inspector .subtle{font-size:11px;margin-top:7px}.timeline-resizer{cursor:ns-resize;z-index:10;background:var(--paper);border-top:1px solid var(--border);border-bottom:0}.timeline-resizer:hover{background:var(--accent-soft)}.timeline{min-width:0;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;min-height:0;display:flex;flex-direction:column;position:relative;outline:none;background:var(--paper)}.timeline-toolbar{border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:10px;height:48px;min-height:48px}.timeline-toolbar select{font-size:11px;padding:5px;max-width:130px}.timecode{font-size:12px;font-variant-numeric:tabular-nums;min-width:116px;margin-left:10px;color:var(--ink);font-weight:450}.timecode span{font-weight:400;color:var(--muted)}.play-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:7px;background:var(--paper);color:var(--accent)}.timeline-scroll{min-width:0;width:100%;flex:1;overflow:auto;min-height:0;scrollbar-width:thin}.timeline-content{position:relative;min-height:100%;padding-bottom:25px}.track-row{display:flex;height:28px;font-size:11px;border-bottom:1px solid #edf0f2}.track-label{position:sticky;left:0;width:216px;min-width:216px;z-index:4;display:flex;align-items:center;gap:7px;padding:0 13px;border-right:1px solid var(--border);background:var(--paper);color:var(--ink)}.track-lane{position:relative;flex-shrink:0;background-size:55px 100%;touch-action:none;background-image:linear-gradient(90deg,var(--border) 1px,transparent 1px)}.ruler-row{height:29px;position:sticky;top:0;z-index:7}.ruler-row .track-label{font-size:11px;background:var(--paper)}.ruler{border-bottom:1px solid var(--border);cursor:ew-resize;background:var(--paper)}.tick{position:absolute;top:0;padding:8px 0 0 5px;height:100%;font-size:10px;pointer-events:none;color:var(--muted);border-left:1px solid var(--border)}.layer-track .track-label{font-weight:500;color:var(--ink)}.layer-track.selected .track-label{color:var(--accent);background:var(--accent-soft)}.property-label{padding-left:40px;font-size:11px;color:#485157}.timeline-key{position:absolute;top:9px;margin-left:-4px;width:8px;height:8px;transform:rotate(45deg);padding:0;z-index:3;cursor:default;background:#68baff;border:1px solid var(--accent)}.timeline-key:hover{box-shadow:0 0 0 3px #6e85cb20}.timeline-key.chosen{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px #0085ff16}.timeline-key.hold{border-radius:1px;transform:none}.playhead{position:absolute;top:0;bottom:0;width:9px;margin-left:-4px;cursor:ew-resize;pointer-events:auto;z-index:2;background:linear-gradient(to right,transparent 4px,var(--accent) 4px,var(--accent) 5px,transparent 5px);touch-action:none}.playhead span{display:block;width:9px;height:12px;background:var(--accent);position:absolute;left:0;top:0;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.timeline-empty{font-size:11px;color:var(--muted);text-align:center;padding:40px;margin-left:216px}.help-button{position:fixed;border-radius:50%;color:var(--muted);z-index:10;display:flex;align-items:center;justify-content:center;bottom:2px;right:8px;width:26px;height:26px;box-shadow:none;border:0;background:transparent}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:32px;background:#11182038;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-modal{width:min(1200px,95vw);background:#fff;max-height:94dvh;overflow:auto;border-radius:12px;box-shadow:0 20px 80px #11182024}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:18px;margin-bottom:6px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:28px}.preview-grid>div{min-width:0}.preview-grid>div>span{display:block;font-size:11px;color:var(--muted);margin-bottom:14px}.preview-grid svg,.preview-grid canvas,.player-surface{width:100%;aspect-ratio:1;background:var(--field);border-radius:8px;overflow:hidden}.player-surface svg{width:100%!important;height:100%!important}.preview-controls{display:flex;align-items:center;gap:14px;padding:5px 28px 25px}.preview-controls input{flex:1}.preview-controls span{font-size:11px;color:var(--muted);min-width:55px}.modal-footer{border-top:1px solid var(--border);padding:20px 28px;display:flex;justify-content:flex-end;gap:10px}.error-banner{padding:12px 28px;background:var(--field);color:#9f7354;font-size:12px}.help-modal{background:#fff;border-radius:12px;padding:25px;width:450px;max-height:85vh;overflow:auto;box-shadow:0 15px 60px #0002}.help-modal h2{font-size:17px}.help-modal p{font-size:13px;color:var(--muted);margin:18px 0}.help-modal dl{display:grid;grid-template-columns:130px 1fr;font-size:12px;gap:16px 8px;line-height:1.6}.help-modal dt{color:var(--accent)}.help-modal dd{margin:0;color:var(--muted)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);padding:12px 16px;border-radius:9px;background:#fff;font-size:12px;max-width:600px;z-index:150;display:flex;align-items:center;gap:12px;color:var(--ink);border:1px solid var(--border);box-shadow:0 6px 28px #11182012}.loading,.recovery{padding:60px;color:var(--muted)}.recovery button{border:1px solid var(--border);padding:10px;margin:20px 10px 0 0;border-radius:6px}@media(min-width:1600px){.property label{font-size:12px}}@media(max-width:1100px){.library-main{padding:38px 28px}.library{grid-template-columns:200px 1fr}.starter-grid{grid-template-columns:1fr}.starter-card{padding:14px 20px}.starter-art{width:32px;height:32px}.preview-grid{gap:10px;padding:18px}}@media(max-width:760px){.library{grid-template-columns:64px 1fr}.library-sidebar{padding:22px 8px}.workspace-label,.folders-heading,.nav-item>span,.nav-item small,.account-label,.local-status{display:none}.nav-item{font-size:0;padding:11px 15px;gap:0}.nav-item svg{flex-shrink:0}.sidebar-bottom .nav-item{font-size:0}.library-header{align-items:flex-start;flex-direction:column;margin-bottom:26px}.library-main{padding:32px 20px}.library-list-heading{gap:15px;align-items:flex-start;flex-direction:column}.editor{min-width:680px}.preview-grid{grid-template-columns:1fr}.preview-grid>div{max-width:360px;width:100%;margin:auto}.modal-backdrop{padding:12px}.preview-controls{position:sticky;bottom:0;background:#fff}.timeline-toolbar .subtle{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.auth-dialog{width:390px;max-width:90vw;padding:24px;background:#fff;display:grid;gap:16px;border-radius:12px;border:1px solid var(--border);box-shadow:0 20px 80px #11182024}.auth-dialog h2{font-size:18px;margin:0}.auth-dialog form{display:grid;gap:14px}.auth-dialog label{display:grid;gap:6px;font-size:12px}.auth-dialog input{height:36px;border:1px solid var(--border);border-radius:6px;padding:8px}.auth-dialog p{font-size:12px;line-height:1.6;margin:0}.remote-placeholder{position:absolute;font-size:12px;color:var(--muted)}.version-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee;font-size:12px;background:none;width:100%}.import-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 24px}.import-comparison iframe,.import-comparison svg{width:100%;height:280px;border:1px solid var(--border, #ddd);background:#fff}.preview-modal>label,.preview-modal>ul{margin:16px 24px}.loading-overlay{position:fixed;inset:0;background:#f5f5f5cc;display:grid;place-items:center;z-index:90}.brand{display:inline-flex;align-items:baseline;gap:4px;font-size:27px;line-height:1;font-weight:750;letter-spacing:-1.8px;color:#050606;white-space:nowrap}.brand-square{width:14px;height:14px;background:linear-gradient(135deg,#48d8ff,#11baff);display:inline-block;flex-shrink:0}.brand-home{padding:0;display:inline-flex;align-items:center}.library-logo{padding:0 10px 46px}.library-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,340px);align-items:center;padding:22px 0 36px;gap:20px}.intro-copy h2{font-size:clamp(42px,4.7vw,70px);font-weight:550;line-height:1.02;letter-spacing:-.055em;color:var(--ink);margin-bottom:20px}.intro-copy p{font-size:14px;line-height:1.55;letter-spacing:-.25px;color:var(--muted)}.intro-dot{color:var(--accent)}.brand-shapes{width:100%;height:auto;max-height:285px;color:var(--muted)}.starter-card.spinner{background:var(--lime);border-color:var(--lime)}.starter-card.spinner span:not(.starter-art){color:#333b1b}.cat-art svg{width:40px;height:40px}.editor-header .brand{font-size:25px}.editor-body.with-layers{grid-template-columns:216px minmax(240px,1fr) 288px}.header-play{color:var(--accent);background:var(--field);border:1px solid var(--border);border-radius:7px;width:34px;height:34px}.tools-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 12px;background:var(--paper);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.tool-list,.tool-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.tool-actions{border-left:1px solid var(--border);padding-left:12px}.tool-button{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);padding:6px;flex-shrink:0}.tool-button span{display:none}.canvas-area:focus{outline:none}.inspector>.panel-title{position:sticky;top:0;z-index:3;background:var(--paper)}.inspector>.panel-title:after{content:"";position:absolute;bottom:-1px;left:17px;width:48px;height:2px;background:var(--accent)}.track-duration{position:absolute;top:7px;height:14px;border-radius:3px;background:#0085ff20;pointer-events:auto;cursor:default;z-index:2}.layer-track.selected .track-duration{background:#0085ff30}.editor-statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 42px 0 16px;border-top:1px solid var(--border);font-size:9px;color:var(--muted);background:var(--paper)}.editor-statusbar>span:first-child{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.editor>.error-banner{position:absolute;top:62px;left:0;right:0;z-index:20}input[type=checkbox]{accent-color:var(--accent)}@media(min-width:1600px){.editor-body{grid-template-columns:minmax(300px,1fr) 304px}.editor-body.with-layers{grid-template-columns:232px minmax(300px,1fr) 304px}}@media(max-width:1100px){.editor-body{grid-template-columns:minmax(220px,1fr) 260px}.editor-body.with-layers{grid-template-columns:180px minmax(220px,1fr) 260px}.inspector section{padding:16px}.property{grid-template-columns:minmax(0,1fr) 98px}.document-title{width:170px}.editor-header{padding:0 12px}.library-intro{grid-template-columns:minmax(0,1fr) 220px}.intro-copy h2{font-size:48px}.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.starter-card{padding:16px 12px;flex-wrap:wrap}.starter-card>svg{display:none}}@media(max-width:760px){.library-logo{padding:0 4px 35px}.library-logo .brand{font-size:0;letter-spacing:0}.library-logo .brand-square{width:22px;height:22px}.library-intro{grid-template-columns:1fr}.brand-shapes{max-width:230px;justify-self:center}.intro-copy h2{font-size:48px}.starter-grid{grid-template-columns:1fr}.starter-card{flex-wrap:nowrap}.editor-header .brand{font-size:22px}.document-title{width:135px}.editor-header .source-button{display:none}.editor-statusbar>span:last-child{display:none}.editor-body{grid-template-columns:minmax(220px,1fr) 240px}.editor-body.with-layers{grid-template-columns:160px minmax(220px,1fr) 240px}}.motion-properties{margin:12px 0}.motion-properties summary{cursor:pointer;font-size:11px;color:var(--muted);padding:8px 0}.motion-properties select{width:100%;margin-bottom:8px}.property-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.number-field{position:relative;min-width:0;width:100%}.number-field input{width:100%;min-width:0;padding-left:17px;appearance:textfield}.number-field input::-webkit-inner-spin-button,.number-field input::-webkit-outer-spin-button{appearance:none;margin:0}.number-scrub{position:absolute;left:0;top:0;bottom:0;width:16px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;color:transparent;z-index:1;-webkit-user-select:none;user-select:none;touch-action:none}.number-scrub:hover,.number-scrub:focus{color:var(--muted)}.property-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.property-pair .property{grid-template-columns:14px minmax(0,1fr);gap:3px}.property-pair .number-field input{padding-left:16px;padding-right:3px;font-size:11px}.property-pair .property label{font-size:10px;overflow:hidden}.anchor-grid{display:grid;grid-template-columns:repeat(3,28px);gap:6px;margin:18px 0}.anchor-grid button{height:28px;border:1px solid var(--border);border-radius:5px}.anchor-grid button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.easing-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.easing-presets .active{background:var(--accent-soft);color:var(--accent)}.key-interval{position:absolute;top:13px;height:1px;background:#0085ff55;pointer-events:none}.interval-easing{pointer-events:auto;position:absolute;left:50%;top:-8px;transform:translate(-50%);width:18px;height:17px;padding:2px;display:flex;align-items:center;justify-content:center;background:var(--paper);color:var(--accent);border:1px solid var(--border);border-radius:4px;z-index:1}.key-interval.selected{height:2px;background:var(--accent)}.interval-easing[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.easing-mixed{color:var(--muted);font-size:12px;line-height:1.5}.frame-input{width:64px}.frame-number{padding:4px;color:var(--muted);cursor:text}.timeline-key:after{content:"";position:absolute;inset:-5px}.pen-remove-point{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 2L3 17L7 13L10 20L13 19L10 12L16 12Z' fill='white' stroke='black'/%3E%3Cpath d='M15 5H23' stroke='%230085ff' stroke-width='2'/%3E%3C/svg%3E") 3 2,pointer}.ruler-playhead{z-index:8}.timeline-content>.playhead>span{display:none}.easing-presets .small-button{display:flex;flex-direction:column;gap:5px;padding:9px 4px}.easing-presets svg{width:58px;height:58px;fill:none}.preset-grid{stroke:var(--border);stroke-width:.65}.preset-curve{stroke:var(--accent);stroke-width:1.5}.vector-corner{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 17L12 5L21 17' fill='none' stroke='white' stroke-width='4'/%3E%3Cpath d='M3 17L12 5L21 17' fill='none' stroke='%230085ff' stroke-width='2'/%3E%3C/svg%3E") 12 5,crosshair}.pen-endpoint{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='6' fill='white' stroke='%230085ff' stroke-width='2'/%3E%3C/svg%3E") 12 12,crosshair}.timeline-marquee{position:absolute;border:1px solid var(--accent);background:#0085ff1a;z-index:6;pointer-events:none}.outside-export{position:absolute;top:29px;bottom:0;background:repeating-linear-gradient(135deg,#69727912 0 5px,#69727908 5px 10px);pointer-events:none;z-index:1}.export-boundary{position:absolute;top:29px;bottom:0;border-left:1px dashed var(--muted);z-index:2;pointer-events:none}.export-end-label{position:absolute;top:2px;padding:2px 4px;background:var(--paper);color:var(--muted);font-size:9px;white-space:nowrap;pointer-events:none;z-index:2}.track-duration.beyond-duration{outline:1px dashed #ac7b36}.clip-edge{position:absolute;top:-3px;bottom:-3px;width:8px;padding:0;cursor:ew-resize;border-radius:2px;background:transparent}.clip-edge:after{content:"";position:absolute;top:5px;bottom:5px;left:3px;border-left:2px solid var(--accent)}.clip-edge.start{left:-4px}.clip-edge.end{right:-4px}.timeline-key.outside-key{border-color:#a77632;background:#eedcc1}.timeline-key.outside-key.chosen{background:var(--accent)}.time-value{cursor:text;padding:3px 2px;font-variant-numeric:tabular-nums;white-space:nowrap}.time-value:hover{background:var(--field);border-radius:3px}.time-unit{padding:3px 5px;color:var(--muted);border:1px solid var(--border);border-radius:4px}.track-duration.chosen{background:#0085ff3d;box-shadow:inset 0 0 0 1px var(--accent)}.property>label{grid-column:1;grid-row:1}.property>.number-field{grid-column:2;grid-row:1}.property>.key-toggle{grid-column:2;grid-row:1;justify-self:end;z-index:2;margin-right:3px;background:transparent}.property:has(>.key-toggle) .number-field input{padding-right:25px}.context-menu{position:fixed;z-index:1000;min-width:210px;max-height:calc(100vh - 16px);overflow:auto;padding:5px;background:var(--panel, #fff);border:1px solid var(--border, #e4e7eb);border-radius:9px;box-shadow:0 8px 30px #18202c20}.context-menu button{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border:0;background:transparent;text-align:left;font:inherit;border-radius:4px}.context-menu button:hover,.context-menu button:focus-visible{background:#ecf5ff;color:#1685ff;outline:0}.context-menu button:disabled{opacity:.35}.menu-check{width:12px}.layer-name{flex:1;min-width:0;cursor:default}.layer-name-input{flex:1;min-width:0;width:100%;height:24px;padding:2px 5px;border:1px solid var(--accent, #1685ff);border-radius:3px;font:inherit}.layer-row{position:relative}.layer-row.drop-above:before,.layer-row.drop-below:after{content:"";position:absolute;z-index:3;height:2px;background:#1685ff;left:12px;right:4px;pointer-events:none}.layer-row.drop-above:before{top:0}.layer-row.drop-below:after{bottom:0}.layer-row.drop-inside{outline:2px solid #1685ff;outline-offset:-2px;background:#eaf4ff}.root-drop{margin:8px;padding:14px 8px;border:1px dashed #a6b8cc;border-radius:5px;color:#718198;text-align:center}.root-drop.active{border-color:#1685ff;background:#eaf4ff}.ghost-animation{pointer-events:none}.ghost-line{position:absolute;top:50%;border-top:1px dashed #1685ff;opacity:.25}.ghost-key{position:absolute;top:50%;width:6px;height:6px;border:1px solid #1685ff;transform:translate(-50%,-50%) rotate(45deg);opacity:.3;background:transparent}.paint-row>.key-toggle{background:transparent;margin-left:0}.track-property-name{border:0;background:transparent;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font:inherit;color:inherit;cursor:default}.focused-track .track-label{background:#eaf4ff;color:var(--accent)}.focused-track .track-lane{background:#0085ff0a}.geometry-actions>summary{cursor:pointer;font-weight:600;padding:8px 0}.geometry-actions[open]>summary{margin-bottom:10px}.summary-marks{position:absolute;top:0;overflow:visible;pointer-events:none;z-index:3}html,body,.canvas-area,.timeline-scroll{overscroll-behavior-x:none}.timeline-scroll{overscroll-behavior-y:contain}.select-trigger{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--field);text-align:left;font-size:12px}.select-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger[data-state=open]{border-color:var(--accent)}.select-content{z-index:300;min-width:var(--radix-select-trigger-width);max-height:min(320px,var(--radix-select-content-available-height));overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:5px;box-shadow:0 8px 30px #10121418}.select-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;font-size:12px;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:default;outline:none}.select-option[data-highlighted]{color:var(--accent);background:var(--accent-soft)}.select-option[data-disabled]{opacity:.4}.select-scroll{display:flex;justify-content:center;padding:3px}.inspector .select-trigger{margin:5px 0}.paint-trigger{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:0;text-align:left}.paint-swatch{display:inline-block;width:25px;height:25px;flex-shrink:0;border-radius:5px;border:1px solid #10121412}.paint-none{background:linear-gradient(135deg,transparent 47%,#f07878 48%,#f07878 52%,transparent 53%)!important}.paint-popover{z-index:250;width:264px;max-height:var(--radix-popover-content-available-height);overflow-y:auto;padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:0 8px 32px #10121420;display:grid;gap:14px}.paint-spectrum .react-colorful{width:100%;height:192px}.paint-spectrum .react-colorful__saturation{border-radius:7px 7px 0 0;border-bottom:8px solid white}.paint-spectrum .react-colorful__hue{height:14px;border-radius:7px}.paint-spectrum .react-colorful__pointer{width:16px;height:16px}.paint-hex{display:flex;align-items:center;gap:12px;color:var(--muted)}.paint-hex input{width:100%;text-transform:uppercase;color:var(--ink)}.paint-stops{display:flex;gap:6px;flex-wrap:wrap}.paint-stops button{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid transparent;border-radius:6px;font-size:11px}.paint-stops button.active{border-color:var(--accent);background:var(--accent-soft)}.inspector .wide-button+.wide-button{margin-top:6px}.transform-heading{margin:14px 0 7px}.transform-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;margin-bottom:10px}.transform-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.transform-fields.combined{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;background:var(--field);border-radius:7px}.transform-fields.separate{gap:8px}.transform-fields .property{position:relative;display:flex;align-items:center;margin:0;padding-left:6px;gap:3px;min-width:0;background:var(--field);border-radius:7px}.transform-fields.combined .property{border-radius:0;background:none}.transform-fields.combined .property+.property{border-left:1px solid var(--border)}.transform-fields .property>label{flex:none;font-size:11px}.transform-fields .number-field{min-width:0;flex:1}.transform-fields .number-field input{padding-left:12px;padding-right:4px;background:transparent}.transform-fields .property>.key-toggle{position:absolute;right:0;margin-right:2px}.transform-fields>.key-toggle{width:28px;height:100%;border-left:1px solid var(--border);border-radius:0 7px 7px 0}.transform-fields>.key-toggle.at-key{background:var(--accent-soft)}.transform-row>.icon-button{width:28px;height:28px}.flatten-dialog ul{max-height:220px;overflow:auto;padding-left:20px;margin:12px 0}.flatten-dialog li{margin:8px 0;line-height:1.5}.flatten-dialog li div{color:var(--muted);font-size:12px}.layer-mask-label{font-size:10px;color:var(--accent);padding:2px 4px;border:1px solid currentColor;border-radius:3px;margin-left:4px}.appearance-panel .appearance-item{border:1px solid var(--border, #e2e5e8);border-radius:8px;padding:10px;margin-top:10px}.appearance-item>summary{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:10px;text-transform:capitalize}.appearance-item>summary>span{flex:1}.appearance-color{display:flex;align-items:center;background:var(--input-bg, #f1f3f4);border-radius:8px;margin:8px 0}.appearance-swatch{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;padding:8px;text-align:left;font:inherit;font-size:12px}.appearance-swatch>span{width:26px;height:26px;border-radius:5px;border:1px solid #0001}.appearance-color>.key-toggle{position:static;margin-right:8px}.appearance-popover{width:300px;max-height:min(720px,85vh);overflow-y:auto}.appearance-popover h4,.appearance-panel h4{margin:12px 0 6px;font-size:12px;font-weight:500}.gradient-stop-editor{border-top:1px solid var(--border, #e2e5e8);padding:6px 0}.text-content{width:100%;box-sizing:border-box;min-height:88px;resize:vertical;font:inherit;padding:10px;border:1px solid var(--border, #e2e5e8);border-radius:8px;margin-bottom:10px;background:transparent;color:inherit}.preview-notice{margin:0;padding:10px 24px;font-size:13px;color:var(--muted);background:var(--panel)}.paint-stack-item{margin:10px 0;border-top:2px solid transparent}.paint-stack-item.drop-target{border-top-color:var(--accent)}.paint-compact-row{display:grid;grid-template-columns:15px minmax(0,1fr) 80px 26px 26px;align-items:center;gap:0}.paint-compact-row>.appearance-swatch{background:var(--field);border-radius:6px 0 0 6px;height:34px;gap:6px;padding:5px}.paint-compact-row .appearance-swatch>span{width:22px;height:22px;flex-shrink:0}.paint-grip{display:flex;color:var(--muted);cursor:grab}.paint-opacity{background:var(--field);border-radius:0 6px 6px 0;border-left:1px solid var(--border)}.paint-opacity .property{margin:0;display:flex;position:relative;height:34px}.paint-opacity .property>label{display:none}.paint-opacity .number-field{width:100%;min-width:0}.paint-opacity input{padding-left:6px;padding-right:25px}.paint-opacity .key-toggle{position:absolute;right:1px}.paint-compact-row>.text-button{padding:3px;justify-content:center}.paint-hidden>.paint-compact-row>.appearance-swatch{opacity:.45}.paint-settings-row{display:flex;align-items:center;gap:8px;margin:6px 0 0 15px}.paint-settings-row>.property{flex:1;margin:0}.paint-settings-row>.text-button{margin-left:auto}.paint-settings{background:var(--field);border-radius:6px;padding:10px;margin:6px 0 0 15px}.appearance-inline-color{position:relative;margin:12px 0}.appearance-inline-color .react-colorful{width:100%}.appearance-inline-color>input{margin-top:8px;width:100%;padding-right:30px}.appearance-inline-color>.key-toggle{position:absolute;right:3px;bottom:3px}.font-popover{width:300px}.font-search{display:flex;align-items:center;gap:8px;margin:12px 0}.font-search input{min-width:0;flex:1}.font-results{max-height:280px;overflow-y:auto;margin-top:8px}.font-results>button{display:block;width:100%;text-align:left;padding:8px;border:0;background:transparent;color:inherit;font:inherit;border-radius:4px}.font-results>button:hover,.font-results>button[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.track-mute{opacity:0;flex-shrink:0}.track-row:hover .track-mute,.track-mute:focus-visible,.track-mute.is-muted{opacity:1}.muted-track .track-lane{opacity:.35}.property-focused{outline:1px solid var(--accent);border-radius:5px;background:var(--accent-soft)}.paint-opacity .property:after{content:"%";position:absolute;right:26px;top:9px;color:var(--muted);font-size:11px;pointer-events:none}.paint-opacity input{padding-right:38px}.inspector .appearance-panel{padding-top:16px;padding-bottom:16px}.paint-grip{touch-action:none;-webkit-user-select:none;user-select:none}.paint-compact-row>.appearance-swatch{margin:0;height:34px;border:0}.paint-opacity{height:34px}.paint-opacity .property .number-field input{height:34px;margin:0;border-radius:0;background:transparent}.paint-settings-row>.paint-settings-toggle{margin-left:auto}.fill-rule-help{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--muted)}.fill-rule-help svg{flex-shrink:0;color:var(--accent)}.fill-rule-help p{margin:0;font-size:11px;line-height:1.5}.inspector section[hidden]{display:none}.track-property-name{flex:1}.timeline-value{width:58px;flex:0 0 58px}.timeline-value .number-field{width:100%}.timeline-value input{width:100%;min-width:0;height:25px;font-size:11px;padding:2px 4px;text-align:right}.timeline-value .number-scrub{display:none}.timeline-value-color{display:flex;align-items:center;gap:3px}.timeline-value-color input[type=color]{width:18px;padding:0;border:0}.timeline-value-color span{font-size:10px}.track-label.property-label{gap:3px;padding-left:16px;padding-right:6px}.track-label .track-mute{padding:2px;width:20px;justify-content:center}.icon-button.paint-settings-toggle[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.track-row:focus-within .track-label{background:var(--accent-soft)}.rotation-row{display:flex;align-items:center;gap:8px}.rotation-row>.property{flex:1;min-width:0}.rotation-settings{padding:10px;background:var(--field);border-radius:6px;margin-bottom:12px}.rotation-settings .subtle{margin-bottom:0}.morph-flow{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px;margin:12px 0}.morph-preview{display:flex;min-width:0;flex-direction:column;align-items:center;gap:6px;font-size:12px}.morph-preview svg{width:100%;height:58px;color:var(--accent)}.morph-preview span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.morph-empty{justify-content:center;min-height:78px;color:var(--muted);border:1px dashed var(--border);border-radius:8px}.morph-panel .morph-end{display:grid;grid-template-columns:1fr 80px auto;gap:6px;margin:10px 0}.morph-issue{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;margin:8px 0;border-radius:8px;background:var(--accent-soft);font-size:12px;line-height:1.5}.morph-panel .wide-button{display:flex;justify-content:center;align-items:center;gap:8px}.shell-page{max-width:1180px;margin:0 auto;padding:32px 28px 64px;font-size:16px;line-height:1.5;color:var(--ink)}.shell-page.narrow{max-width:560px;padding-top:64px}.shell-page h1{font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.04em;margin:16px 0}.shell-page h2{font-size:22px;margin:32px 0 16px}.shell-page a{color:inherit}.shell-page a.primary-button{text-decoration:none}.wrap{flex-wrap:wrap}.shell-form{display:grid;gap:20px;margin:24px 0}.shell-form label{display:grid;gap:8px}.shell-form input,.share-list input{padding:12px;border:1px solid var(--border);border-radius:8px;width:100%;box-sizing:border-box;background:var(--surface);color:var(--ink)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.metric-card{border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px;background:var(--surface)}.metric-card>span{font-size:14px}.metric-card strong{display:block;font-size:28px;font-weight:550;letter-spacing:-.03em;overflow-wrap:anywhere}.metric-card small{display:block;font-size:14px;line-height:1.5;color:var(--muted)}.stage-badge{border:1px solid var(--border);padding:8px 14px;border-radius:24px;font-size:14px}.shell-footer{margin-top:48px;font-size:14px;color:var(--muted)}.metrics-table{border-collapse:collapse;width:100%;font-size:14px}.metrics-table th,.metrics-table td{text-align:left;padding:12px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.commons-embedded{margin-top:64px;border-top:1px solid var(--border);padding-top:28px}.share-dialog{width:min(620px,calc(100vw - 32px));max-height:85vh;overflow:auto}.share-list{display:grid;gap:20px;margin-top:24px}.share-list article{display:grid;gap:12px;border-top:1px solid var(--border);padding-top:16px}.share-list span{font-size:13px}@media(max-width:700px){.shell-page{padding:20px 16px 48px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:16px}.metric-card strong{font-size:23px}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr}}html:has(.site-header){scrollbar-gutter:stable}.site{color:var(--ink);background:var(--paper);min-height:100svh}.site-container,.site-header,.site-footer{width:min(100%,1240px);margin-inline:auto;padding-inline:44px}.site-header{min-height:88px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:28px;font-size:14px;line-height:1.2}.site-header a,.site-footer a,.site a{color:inherit;text-decoration:none}.site-home{display:inline-flex;width:fit-content;align-items:center}.site-header .brand{font-size:29px;letter-spacing:-1.9px}.site-header .brand-square{width:15px;height:15px}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{position:relative;padding-block:18px}.site-header nav a[aria-current=page]{text-decoration:none}.site-header nav a[aria-current=page]:after{content:"";position:absolute;width:5px;height:5px;bottom:5px;left:calc(50% - 2.5px);border-radius:50%;background:currentColor}.site-header-actions{display:flex;align-items:center;justify-content:end;min-height:44px}.site-button{gap:24px;min-height:48px;padding:12px 20px;font-size:14px}.site a:focus-visible,.site-header a:focus-visible,.site-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.site-header nav a:hover,.site-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}.site-footer{display:grid;grid-template-columns:94px 120px 1fr auto;align-items:center;gap:24px;padding-block:38px;border-top:1px solid var(--border);font-size:12px}.site-footer .brand{font-size:23px}.site-footer .brand-square{width:12px;height:12px}.site-motto{margin:0;text-transform:uppercase;line-height:1.25;font-size:10px;letter-spacing:.035em}.site-footer nav{display:flex;flex-wrap:wrap;gap:28px}.site-footer small{font-size:10px;color:var(--muted)}.landing-hero{display:grid;align-items:center;grid-template-columns:57% 43%;padding-top:65px;padding-bottom:58px}.landing-copy{container-type:inline-size;min-width:0;position:relative;z-index:1}.landing-copy h1{margin:0 0 26px;font-size:clamp(40px,18cqw,118px);white-space:nowrap;line-height:.95;letter-spacing:-.075em;font-weight:780;color:#050606}.landing-promise{font-size:clamp(36px,4.8vw,60px);font-weight:370;line-height:1.02;letter-spacing:-.06em;margin:0 0 24px}.landing-actions{display:flex;align-items:center;gap:12px;margin-top:32px}.landing-actions .site-button{min-height:54px}.landing-note{margin:12px 0 0;color:var(--muted);font-size:11px}.landing-art{position:relative;min-width:0;margin-top:6px}.landing-art svg{width:100%;height:auto;overflow:visible;margin-top:15px}.art-caption{text-transform:uppercase;font-size:10px;font-weight:550;letter-spacing:.065em;line-height:1.16}.art-caption-top{position:absolute;top:-12px;right:0}.art-caption-bottom{position:absolute;top:66%;left:11%}.landing-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px;padding-block:26px 58px}.landing-features h2{font-size:14px;font-weight:620;margin:14px 0 6px;letter-spacing:-.025em}.landing-features p{margin:0;color:#41484d;font-size:13px;line-height:1.5;max-width:210px}.feature-shape{display:block;width:27px;height:27px;background:var(--cyan)}.feature-square{background:linear-gradient(90deg,#48d8ff 60%,#0085ff 60%)}.feature-circle{border-radius:50%}.feature-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.feature-star{clip-path:polygon(50% 0,62% 37%,100% 50%,62% 62%,50% 100%,37% 62%,0 50%,37% 37%)}.landing-manifesto{display:grid;grid-template-columns:43% 57%;border-block:1px solid var(--border)}.manifesto-statement{background:var(--lime);padding:52px 44px 28px max(44px,calc((100vw - 1152px)/2))}.manifesto-statement h2{margin:0;font-size:clamp(35px,4vw,52px);line-height:.99;letter-spacing:-.055em;font-weight:650}.manifesto-statement a{display:inline-block;font-size:30px;line-height:1;padding:20px 0 8px}.manifesto-detail{background:#f0f1ee;position:relative;padding:54px max(44px,calc((100vw - 1152px)/2)) 36px 60px}.manifesto-detail p{font-size:16px;line-height:1.4;letter-spacing:-.025em;margin:18px 0 0;max-width:490px}.manifesto-detail p+p{margin-top:8px}.manifesto-number{position:absolute;top:26px;right:44px;font-size:10px}.manifesto-symbols{margin-top:30px;font-size:23px;word-spacing:12px}.landing .site-footer{border-top:0}.commons-page{--commons-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace}.commons-content{padding-top:24px}.commons-content,.commons-embedded{font-size:15px;line-height:1.45}.commons-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #626666;padding-bottom:14px}.commons-masthead h1{margin:0;font-size:12px;line-height:1.4;letter-spacing:.04em;font-weight:500;text-transform:uppercase}.commons-masthead>span{font-size:11px;text-transform:uppercase;line-height:1.4;letter-spacing:.06em}.commons-intro{display:flex;justify-content:space-between;gap:32px;padding-block:24px 28px}.commons-intro p{margin:0;font-size:16px;line-height:1.45;letter-spacing:-.015em}.commons-intro p+p{margin-top:12px}.commons-columns{display:grid;grid-template-columns:1fr 1fr .93fr;margin-block:0 24px}.commons-column{padding-inline:24px;min-width:0}.commons-column:first-child{padding-left:0}.commons-column:last-child{padding-right:0}.commons-column+.commons-column{border-left:1px solid #666a6a}.commons-index{display:block;font-size:13px}.commons-column h2{text-transform:uppercase;font-size:clamp(30px,2.8vw,36px);line-height:1.1;letter-spacing:-.045em;font-weight:750;margin:5px 0 10px}.commons-column p{line-height:1.45}.commons-column h3{margin:0;font-size:inherit;font-weight:550}.usage-list{display:grid;gap:18px}.usage-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;font-size:12px}.usage-heading h3{text-transform:capitalize}.usage-heading>span{font-size:11px}.usage-meter-row{display:grid;grid-template-columns:1fr 40px;gap:12px;align-items:center;margin-block:7px;font-size:11px;text-align:right}.commons-meter{height:13px;background-image:radial-gradient(#888 .6px,transparent .8px);background-size:3px 3px;background-color:#e9ebea}.commons-meter>span{display:block;height:100%;background:#0a0d0c}.usage-item small{display:block;font-size:11px;line-height:1.45;color:var(--muted)}.usage-item details{margin-top:7px;font-size:11px;color:var(--muted)}.usage-item summary{cursor:pointer}.usage-item .usage-overage{color:#a23e24}.commons-ledger,.commons-totals,.commons-receipt dl{margin:0}.commons-ledger>div,.commons-totals>div,.commons-receipt dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-block:8px;font-size:15px}.commons-column dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.commons-ledger dd{flex-shrink:0}.commons-ledger small{margin-left:3px;font-size:11px;color:var(--muted)}.commons-totals{border-top:1px solid var(--border);margin-top:16px;padding-top:8px}.commons-total{border-top:1px solid #777;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:12px}.commons-total>span{font-size:15px}.commons-total strong{font-size:28px;letter-spacing:-.06em}.commons-receipt{background:#f0f1ef;padding:16px;margin-top:20px}.commons-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.commons-receipt h3{font-size:20px;line-height:1.25;letter-spacing:-.045em;margin-block:10px 14px}.commons-receipt dl>div{flex-wrap:wrap;font-size:15px;margin-block:8px}.commons-receipt p{font-size:11px;color:var(--muted);margin:14px 0 0}.commons-support-summary{margin-block:20px 16px}.support-meter{margin-block:12px;height:14px}.commons-totals.usage-totals{border-top:0;border-bottom:1px solid var(--border);margin:0 0 16px;padding:0 0 12px}.commons-intro .commons-headline{font-size:clamp(48px,4.5vw,56px);letter-spacing:-.06em;line-height:1.02;font-weight:370}.manifesto-detail .manifesto-belief{font-size:clamp(22px,2.4vw,30px);line-height:1.2;margin-block:24px 18px}.commons-empty,.commons-fine-print{color:var(--muted);font-size:11px}.commons-thanks{margin-top:20px}.commons-updated{font-size:11px;color:var(--muted);margin:0 0 20px}.commons-updated span{color:var(--ink);margin-right:8px}.commons-notice{padding:12px 16px;margin:0 0 20px;background:var(--field);font-size:12px}.commons-page>.site-footer{border-color:#777}.commons-index,.commons-label,.usage-heading,.usage-meter-row,.usage-item small,.usage-item details,.commons-ledger small,.commons-fine-print,.commons-updated{font-family:var(--commons-mono)}.commons-page>.site-footer{padding-block:24px}@media(min-width:1600px){.landing-manifesto{max-width:1440px;margin-inline:auto}.manifesto-statement,.manifesto-detail{padding-inline:64px}}@media(max-width:900px){.site-container,.site-header,.site-footer{padding-inline:28px}.site-header{grid-template-columns:110px 1fr auto;gap:18px}.site-header nav{gap:20px}.site-footer{grid-template-columns:80px 100px 1fr}.site-footer small{grid-column:3}.landing-hero{padding-top:50px}.landing-features{gap:24px}.landing-art svg{margin-top:50px}.manifesto-statement,.manifesto-detail{padding:36px 28px}.commons-column{padding-inline:18px}.commons-columns{grid-template-columns:1fr 1fr;row-gap:24px}.commons-column:last-child{grid-column:1 / -1;border-left:0;border-top:1px solid #777;padding:20px 0 0}.commons-column:nth-child(2){padding-right:0}}@media(max-width:600px){.site-container,.site-header,.site-footer{padding-inline:20px}.site-header{min-height:76px;grid-template-columns:auto 1fr auto;gap:12px}.site-header nav{justify-content:center;gap:12px;font-size:12px}.site-header-actions .site-button{min-height:40px;padding:10px;gap:8px;font-size:12px}.site-header .brand{font-size:26px}.site-footer{grid-template-columns:80px 1fr;gap:22px;padding-block:28px}.site-footer nav{grid-column:1 / -1;gap:25px}.site-footer small{grid-column:1 / -1}.landing-hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:20px}.landing-promise{font-size:clamp(36px,8.7vw,52px)}.landing-art{width:min(100%,360px);margin:30px auto 0}.landing-art svg{margin-top:0}.art-caption-top{top:12px}.landing-features{grid-template-columns:1fr 1fr;padding-block:30px 42px;gap:28px 22px}.landing-manifesto{grid-template-columns:1fr}.manifesto-statement,.manifesto-detail{padding:36px 20px}.manifesto-statement h2{font-size:46px}.commons-content{padding-top:20px}.commons-intro{padding-block:22px 26px}.commons-columns{grid-template-columns:1fr}.commons-column,.commons-column:first-child,.commons-column:nth-child(2){padding:0}.commons-column+.commons-column{border-left:0;border-top:1px solid #777;padding-top:28px}.commons-column h2{font-size:30px}}