@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root{--bg:#0c0d0f;--panel:#131417;--panel-raised:#18191d;--panel-hover:#1d1f23;--line:#ffffff13;--line-strong:#ffffff24;--text:#f4f2ed;--muted:#92959b;--faint:#858890;--accent:#105eff;--accent-bright:#4f8aff;--accent-soft:#105eff21;--success:#59d6a8;--warning:#f3ad61}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-geist-sans), ui-sans-serif, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;overflow:hidden}button,input{font:inherit}button{color:inherit}button:disabled{cursor:default;opacity:.42}button:focus-visible,input:focus-visible,a:focus-visible,pre:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}img{display:block}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.studio-shell{background:#0d0e10;grid-template-rows:64px minmax(0,1fr);height:100%;min-height:0;display:grid}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#0d0e10f7;justify-content:space-between;align-items:center;gap:24px;padding:0 18px 0 20px;display:flex;position:relative}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{border-radius:7px;align-items:center;padding:4px 2px;display:flex}.brand-logo img{width:100px;height:auto}.brand-logo:hover{opacity:.82}.brand-title{border-left:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;padding-left:12px;font-size:12px;font-weight:580}.topbar-actions{align-items:center;gap:9px;display:flex}.icon-button{border:1px solid var(--line);color:#b9bbc0;cursor:pointer;background:#17181b;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-button:hover{color:#fff;border-color:var(--line-strong);background:#202125}.about-button{border:1px solid var(--line);color:#b9bbc0;cursor:pointer;background:#17181b;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 11px;font-size:10px;font-weight:620;display:inline-flex}.about-button:hover{color:#fff;border-color:var(--line-strong);background:#202125}.export-button{color:#101217;cursor:pointer;background:#f4f2ed;border:0;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 15px;font-size:12px;font-weight:680;display:flex;box-shadow:0 8px 24px #00000038}.export-button:hover:not(:disabled){background:#fff}.spinner{border:2px solid #b3b0aa;border-top-color:#191a1d;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace{grid-template-columns:328px minmax(0,1fr);min-width:0;min-height:0;display:grid}.controls-panel{z-index:10;border-right:1px solid var(--line);background:var(--panel);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative}.panel-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:10px 6px 8px;display:grid}.panel-tabs button{height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:2px;font-size:9px;font-weight:580;display:flex}.panel-tabs button:hover{color:#ddd;background:#ffffff09}.panel-tabs button.active{color:#fff;background:#242529;box-shadow:inset 0 1px #ffffff0a}.panel-scroll{scrollbar-width:thin;scrollbar-color:#34363b transparent;min-width:0;min-height:0;overflow:hidden auto}.control-section{border-bottom:1px solid var(--line);min-width:0;padding:18px 16px}.compact-section{padding-block:14px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading>div{gap:3px;display:grid}.section-heading span{color:#ddd;font-size:12px;font-weight:640}.section-heading small{color:var(--faint);font-size:10px;line-height:1.3}.empty-hint{border:1px dashed var(--line-strong);color:var(--faint);border-radius:10px;align-items:flex-start;gap:7px;margin:0;padding:11px;font-size:11px;line-height:1.45;display:flex}.empty-hint svg{color:var(--accent-bright);flex:none;margin-top:1px}.source-row{border:1px solid var(--line);background:var(--panel-raised);border-radius:10px;grid-template-columns:38px minmax(0,1fr) 26px;align-items:center;gap:9px;min-width:0;padding:7px;display:grid}.source-thumb{background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.source-thumb img{max-width:28px;max-height:28px}.source-meta{gap:2px;min-width:0;display:grid}.source-meta strong,.source-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-meta strong{font-size:10px;font-weight:620}.source-meta small{color:var(--faint);font-size:9px}.source-row>button,.asset-row>button{width:26px;height:26px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.source-row>button:hover,.asset-row>button:hover{color:#fff;background:#ffffff12}.secondary-button,.primary-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:10px;font-weight:650;display:inline-flex}.secondary-button{border:1px solid var(--line-strong);color:#d6d6d3;background:var(--panel-raised);margin-top:10px}.secondary-button:hover{background:var(--panel-hover)}.primary-button{color:#fff;background:var(--accent);border:0}.primary-button:hover{background:#2870ff}.full-button{width:100%}.tip-row{color:var(--success);align-items:flex-start;gap:10px;display:flex}.tip-row p,.safe-status p{gap:3px;margin:0;display:grid}.tip-row strong,.safe-status strong{color:#d9d9d6;font-size:10px;font-weight:620}.tip-row span,.safe-status span{color:var(--faint);font-size:9px;line-height:1.4}.panel-warning{color:#d6a56f;background:#f3ad610d;border:1px solid #f3ad6138;border-radius:9px;align-items:flex-start;gap:8px;margin:12px 16px 0;padding:10px;font-size:10px;line-height:1.4;display:flex}.panel-warning svg{flex:none}.control-section>.panel-warning{margin-inline:0}.segment-control{background:#0f1012;border-radius:9px;gap:2px;padding:3px;display:grid}.segment-control.three-up{grid-template-columns:repeat(3,1fr)}.segment-control button{min-width:0;height:31px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 4px;font-size:9px}.segment-control button.selected{color:#fff;background:#292a2f;box-shadow:0 1px 4px #00000047}.color-field{color:var(--faint);gap:6px;margin-top:13px;font-size:10px;display:grid}.color-control{grid-template-columns:32px minmax(0,1fr);gap:7px;display:grid}.color-control input[type=color]{border:1px solid var(--line-strong);cursor:pointer;background:#0f1012;border-radius:8px;width:32px;height:32px;padding:2px}.color-control input[type=text],.field input{border:1px solid var(--line);color:#dcdbd7;background:#0f1012;border-radius:8px;min-width:0;height:32px;padding:0 10px;font-size:11px}.range-field{gap:9px;margin-top:15px;display:grid}.range-field.first-field{margin-top:0}.range-hint{color:var(--faint);font-size:8px;line-height:1.45}.range-field+.safe-status{margin-top:14px}.range-field>span{color:var(--faint);justify-content:space-between;font-size:10px;display:flex}.range-field strong{color:#d7d6d3;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}.safe-status{border:1px solid;border-radius:10px;align-items:flex-start;gap:9px;padding:11px;display:flex}.safe-status.safe{color:var(--success);background:#59d6a80b;border-color:#59d6a838}.safe-status.unsafe{color:var(--warning);background:#f3ad610d;border-color:#f3ad6140}.safe-status svg{flex:none}.toggle-row{color:#cac9c6;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex;position:relative}.toggle-row>span{gap:2px;display:grid}.toggle-row strong{font-size:10px;font-weight:620}.toggle-row small{color:var(--faint);font-size:8px}.toggle-row input{width:34px;height:19px;accent-color:var(--accent)}.toggle-row+.full-button{margin-top:13px}.field{color:var(--faint);gap:6px;margin-top:11px;font-size:10px;display:grid}.asset-list{gap:6px;display:grid}.asset-row{border:1px solid var(--line);background:var(--panel-raised);border-radius:9px;grid-template-columns:28px minmax(0,1fr) 26px;align-items:center;gap:8px;min-width:0;padding:7px;display:grid}.asset-icon{width:28px;height:28px;color:var(--accent-bright);background:var(--accent-soft);border-radius:7px;place-items:center;display:grid}.asset-row>span:nth-child(2){gap:2px;min-width:0;display:grid}.asset-row strong,.asset-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-row strong{font-size:9px;font-weight:600}.asset-row small{color:var(--faint);font-size:8px}.text-button{color:var(--accent-bright);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;font-size:10px;font-weight:620;display:inline-flex}.install-section{padding-bottom:14px}.install-steps{gap:7px;display:grid}.install-steps>div{border:1px solid var(--line);background:var(--panel-raised);border-radius:9px;align-items:center;gap:9px;padding:8px;display:flex}.install-icon{width:28px;height:28px;color:var(--accent-bright);background:var(--accent-soft);border-radius:7px;flex:none;place-items:center;display:grid}.install-steps p{gap:2px;min-width:0;margin:0;display:grid}.install-steps strong{color:#d8d8d5;font-size:9px;font-weight:620}.install-steps small{color:var(--faint);font-size:8px;line-height:1.4}.install-steps code{color:#a9c3ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.code-section pre{border:1px solid var(--line);color:#adb7ca;white-space:pre-wrap;word-break:break-word;background:#0c0d10;border-radius:9px;max-height:160px;margin:0;padding:10px;font:9px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.privacy-note{border-top:1px solid var(--line);color:#777a80;background:#111216;align-items:center;gap:7px;padding:12px 16px;font-size:9px;line-height:1.35;display:flex}.privacy-note svg{color:var(--success);flex:none}.preview-stage{background:#090a0b;grid-template-rows:46px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.preview-stage:before{content:"";pointer-events:none;opacity:.55;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.stage-toolbar{z-index:3;min-width:0;color:var(--faint);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:14px;padding:0 18px;font-size:10px;display:flex;position:relative}.stage-label,.stage-hint{align-items:center;gap:7px;display:flex}.live-dot{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #59d6a81a}.theme-switcher{border:1px solid var(--line);background:#111216;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.theme-switcher button{height:24px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 9px;font-size:9px}.theme-switcher button.selected{color:#dededa;background:#282a2f}.stage-content{z-index:1;min-height:0;padding:28px;position:relative;overflow-y:auto}.empty-state-wrap{align-content:center;place-items:center;gap:13px;min-height:100%;display:grid}.source-dropzone{color:#ffffffc7;text-align:center;cursor:pointer;background:radial-gradient(circle at 50% 20%,#105eff1f,#0a0a0e47 62%);border:1px dashed #4f8aff80;border-radius:18px;align-content:center;place-items:center;gap:10px;width:min(72%,500px);min-height:230px;padding:32px;display:grid}.source-dropzone:hover{background:radial-gradient(circle at 50% 20%,#105eff2e,#0a0a0e57 64%);border-color:#4f8affd9}.dropzone-icon{color:#7ba5ff;background:#105eff21;border:1px solid #4f8aff3d;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.source-dropzone strong{letter-spacing:-.02em;font-size:16px;font-weight:640}.source-dropzone small{max-width:340px;color:var(--muted);font-size:11px;line-height:1.5}.sample-button{border:1px solid var(--line);color:#c9ccd4;cursor:pointer;background:#ffffff0e;border-radius:9px;align-items:center;gap:6px;padding:7px 13px;font-size:10px;font-weight:580;display:inline-flex}.sample-button:hover{color:#fff;border-color:var(--line-strong);background:#ffffff17}.sample-button svg{color:var(--accent-bright)}.preview-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;gap:14px;width:min(1100px,100%);margin:0 auto;display:grid}.package-summary{border:1px solid var(--line);background:#131417e0;border-radius:13px;grid-column:1/-1;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:20px;min-width:0;padding:13px 14px;display:grid}.package-summary-title{align-items:center;gap:10px;min-width:0;display:flex}.package-summary-title>span:last-child{gap:2px;min-width:0;display:grid}.package-summary-title strong{color:#e8e7e2;font-size:11px;font-weight:650}.package-summary-title small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.package-check{width:30px;height:30px;color:var(--success);background:#59d6a817;border-radius:9px;flex:none;place-items:center;display:grid}.package-facts{justify-content:flex-end;align-items:center;gap:7px;display:flex}.package-facts>span{border:1px solid var(--line);color:#a8abb2;white-space:nowrap;background:#111216;border-radius:8px;align-items:center;gap:5px;min-height:28px;padding:0 9px;font-size:9px;display:inline-flex}.package-facts svg{color:var(--accent-bright)}.package-facts strong{color:#e0dfda;font-size:10px}.package-facts>span.safe svg{color:var(--success)}.package-facts>span.review{color:#d6a56f;background:#f3ad610b;border-color:#f3ad6138}.package-facts>span.review svg{color:var(--warning)}.review-button{border:1px solid var(--line-strong);color:#d7d7d3;background:var(--panel-raised);cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:9px;font-weight:620;display:inline-flex}.review-button:hover{color:#fff;background:var(--panel-hover)}.preview-card{border:1px solid var(--line);background:#131417e0;border-radius:13px;grid-column:span 4;min-width:0;overflow:hidden}.preview-card.wide-preview{grid-column:span 6}.preview-card.google-card,.preview-card.bookmark-card{grid-column:span 8}.preview-card-label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 13px;display:flex}.preview-card-label span{color:var(--faint);letter-spacing:.08em;font-size:8px;font-weight:680}.preview-card-label strong{color:#c9c9c6;font-size:10px;font-weight:620}.preview-card-body{background:radial-gradient(circle at 60% 30%,#105eff0e,#0000 58%);place-items:center;min-height:132px;padding:18px;display:grid}.theme-preview-set{width:100%}.theme-preview-set.is-comparing{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-preview-option{gap:7px;min-width:0;display:grid}.theme-preview-label{color:var(--faint);text-transform:capitalize;font-size:8px;font-weight:620}.theme-preview-set.is-comparing .chrome-preview,.theme-preview-set.is-comparing .safari-preview{gap:7px;height:64px;padding-inline:9px}.theme-preview-set.is-comparing .window-dots{display:none}.theme-preview-set.is-comparing .chrome-tab{padding-inline:8px}.theme-preview-set.is-comparing .chrome-plus{font-size:15px}.theme-preview-set.is-comparing .safari-address{width:76%;padding-inline:5px}.theme-preview-set.is-comparing .bookmark-preview{gap:9px;padding-inline:10px}.theme-preview-set.is-comparing .bookmark-preview>span:first-child,.theme-preview-set.is-comparing .bookmark-preview>span:last-child{display:none}.chrome-preview,.safari-preview{border-radius:9px;align-items:center;gap:10px;width:100%;height:72px;padding:0 14px;display:flex;box-shadow:0 12px 28px #0000003d}.chrome-preview.light,.safari-preview.light{color:#464950;background:#e8e9ec}.chrome-preview.dark,.safari-preview.dark{color:#b8bbc3;background:#22242a}.window-dots{gap:4px;display:flex}.window-dots i{background:#ff605c;border-radius:50%;width:7px;height:7px}.window-dots i:nth-child(2){background:#ffbd44}.window-dots i:nth-child(3){background:#00ca4e}.chrome-tab{background:#ffffff1f;border-radius:8px 8px 4px 4px;flex:1;align-items:center;gap:8px;min-width:0;height:38px;padding:0 10px;font-size:10px;display:flex}.chrome-preview.light .chrome-tab{background:#fff}.chrome-tab img{object-fit:contain;width:16px;height:16px}.chrome-tab b{color:var(--faint);margin-left:auto;font-weight:400}.chrome-plus{font-size:18px}.safari-preview{justify-content:space-between}.safari-address{background:#00000029;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:64%;height:34px;font-size:9px;display:flex}.safari-preview.light .safari-address{background:#0000000f}.safari-address img{object-fit:contain;width:18px;height:18px}.google-preview{color:#202124;background:#fff;border-radius:9px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;width:100%;padding:14px;display:grid}.google-icon{border:1px solid #dadce0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.google-icon img{object-fit:contain;width:16px;height:16px}.google-preview>span:last-child{gap:3px;min-width:0;display:grid}.google-preview small{color:#4d5156;font-size:9px}.google-preview strong{color:#1a0dab;font-size:14px;font-weight:500}.google-preview p{color:#4d5156;margin:2px 0 0;font-size:9px;line-height:1.4}.phone-preview{border:3px solid #34363d;border-radius:22px;align-content:center;place-items:center;gap:6px;width:126px;height:150px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 34px #00000057}.ios-wallpaper{background:linear-gradient(150deg,#443484,#6c9dd8 48%,#e9a7a0)}.android-wallpaper{background:linear-gradient(150deg,#164d63,#3b8c86 48%,#c5ad67)}.phone-time{text-align:center;color:#fff;font-size:7px;font-weight:650;position:absolute;top:8px;left:0;right:0}.phone-preview small{color:#fff;text-shadow:0 1px 3px #00000073;font-size:8px}.ios-icon,.android-icon{background:#fff;place-items:center;width:58px;height:58px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000038}.ios-icon{border-radius:13px}.android-icon{border-radius:50%}.ios-icon img,.android-icon img{object-fit:cover;width:100%;height:100%}.safe-circle{border:1px dashed #fffffff2;border-radius:50%;position:absolute;inset:10%;box-shadow:0 0 0 99px #0000003d}.bookmark-preview{border-radius:8px;align-items:center;gap:18px;width:100%;height:44px;padding:0 14px;font-size:9px;display:flex}.bookmark-preview.light{color:#494b50;background:#f1f2f4}.bookmark-preview.dark{color:#c3c5ca;background:#27292e}.bookmark-preview span{white-space:nowrap;align-items:center;gap:6px;display:flex}.bookmark-preview img{object-fit:contain;width:16px;height:16px}.error-banner{z-index:35;color:#f3bd82;background:#231c16f5;border:1px solid #f3ad614d;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:min(520px,100% - 32px);padding:11px 10px 11px 12px;font-size:10px;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000061}.error-banner button,.toast button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.drop-overlay{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0d0e10eb;border:1px dashed #4f8affe6;border-radius:12px;place-items:center;display:grid;position:absolute;inset:8px}.drop-overlay>div{color:var(--accent-bright);place-items:center;gap:9px;display:grid}.drop-overlay strong{color:#fff;font-size:18px}.drop-overlay span{color:var(--muted);font-size:11px}.toast{z-index:100;border:1px solid var(--line-strong);color:#ebebe8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1b1c20f5;border-radius:10px;align-items:center;gap:8px;padding:10px 10px 10px 12px;font-size:11px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000061}.toast>svg{color:var(--success)}.about-dialog{border:1px solid var(--line-strong);width:min(1060px,100vw - 48px);max-width:none;max-height:min(88vh,880px);color:var(--text);background:#0f1012;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 40px 120px #0009}.about-dialog:not([open]){display:none}.about-dialog[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.about-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060709b8}.about-dialog-head{border-bottom:1px solid var(--line);background:#131417b3;justify-content:space-between;align-items:center;gap:20px;padding:16px 16px 16px 22px;display:flex}.about-dialog-head>span{gap:3px;display:grid}.about-dialog-head strong{color:#ecebe6;font-size:13px;font-weight:650}.about-dialog-head small{color:var(--faint);font-size:10px}.about-dialog-head button{border:1px solid var(--line);color:#b9bbc0;cursor:pointer;background:#17181b;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid}.about-dialog-head button:hover{color:#fff;border-color:var(--line-strong);background:#202125}.about-dialog-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#34363b transparent;min-height:0;padding:34px 34px 28px;overflow-y:auto}.education-intro{gap:12px;margin-bottom:40px;display:grid}.education-intro h1{color:#f6f4ef;letter-spacing:-.03em;max-width:30ch;margin:0;font-size:clamp(26px,2.7vw,34px);line-height:1.1}.education-intro p{color:#a3a6ad;max-width:62ch;margin:0;font-size:14px;line-height:1.7}.education-body{grid-template-columns:minmax(0,1fr) minmax(230px,290px);align-items:start;gap:clamp(40px,5vw,80px);display:grid}.education-copy{max-width:70ch}.education-copy h2{color:#ecebe6;letter-spacing:-.02em;margin:38px 0 12px;font-size:18px;line-height:1.25}.education-copy h2:first-child{margin-top:0}.education-copy p{color:#9da0a7;margin:0 0 16px;font-size:13.5px;line-height:1.75}.education code{color:#a9c3ff;background:#105eff1a;border-radius:5px;padding:2px 5px;font:.9em ui-monospace,SFMono-Regular,Menlo,monospace}.education-index{border:1px solid var(--line);background:#15161a;border-radius:14px;padding:20px;position:sticky;top:2px}.education-index h2{margin:0 0 14px;font-size:13px}.education-index ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.education-index li{border-top:1px solid var(--line);gap:3px;padding:10px 0;display:grid}.education-index code{color:#d8d9dd;background:0 0;width:fit-content;padding:0;font-size:10px}.education-index span{color:var(--faint);font-size:9px}.site-footer{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;align-items:center;gap:32px;margin-top:54px;padding-top:22px;font-size:11px;display:flex}.site-footer nav{align-items:center;gap:24px;display:flex}.site-footer a{color:#b7bac1;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer>span a{text-underline-offset:2px;text-decoration:underline}@media (max-width:1050px){.package-summary{grid-template-columns:minmax(170px,1fr) auto;gap:12px}.package-facts{grid-area:2/1/auto/-1;justify-content:flex-start}.review-button{grid-area:1/2}.preview-card,.preview-card.wide-preview{grid-column:span 6}.preview-card.google-card,.preview-card.bookmark-card{grid-column:span 12}}@media (max-width:900px){html,body{height:auto}body{overflow:hidden auto}.studio-shell{grid-template-rows:58px auto;height:auto;min-height:100dvh}.workspace{grid-template-rows:minmax(570px,70dvh) auto;grid-template-columns:1fr}.preview-stage{grid-row:1}.controls-panel{border-top:1px solid var(--line);border-right:0;grid-row:2;min-height:540px}.panel-scroll{overflow-y:visible}.privacy-note,.stage-hint{display:none}.stage-content{padding:20px}.education-body{grid-template-columns:1fr;gap:44px}.education-index{position:static}}@media (max-width:560px){.topbar{padding:0 10px 0 12px}.brand-logo img{width:84px}.brand-title,.icon-button{display:none}.about-button{width:44px;height:44px;padding:0}.about-button span{display:none}.export-button{justify-content:center;width:44px;height:44px;padding:0}.export-button>span:last-child{display:none}.workspace{grid-template-rows:auto auto}.preview-stage{grid-template-rows:52px auto;overflow:visible}.stage-toolbar{padding-inline:10px}.theme-switcher{left:auto;right:10px;transform:none}.stage-content{padding:12px 9px 20px;overflow-y:visible}.preview-grid{grid-template-columns:1fr;gap:10px}.package-summary{grid-column:1;grid-template-columns:1fr auto;padding:12px}.package-summary-title small{white-space:normal}.package-facts{flex-wrap:wrap;grid-column:1/-1}.package-facts>span{min-height:32px}.review-button{min-height:44px}.theme-preview-set.is-comparing{grid-template-columns:1fr;gap:12px}.preview-card,.preview-card.wide-preview,.preview-card.google-card,.preview-card.bookmark-card{grid-column:1}.preview-card-body{min-height:118px;padding:13px}.source-dropzone{width:94%;min-height:220px;padding:24px 16px}.panel-tabs button{min-height:44px;font-size:10px}.theme-switcher button{min-width:44px;height:38px}.control-section{padding-inline:14px}.source-row>button,.asset-row>button,.error-banner button,.toast button{width:44px;height:44px}.source-row{grid-template-columns:38px minmax(0,1fr) 44px}.asset-row{grid-template-columns:28px minmax(0,1fr) 44px}.field input,.color-control input[type=text],.secondary-button,.primary-button{min-height:42px}.about-dialog{border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.about-dialog-head{padding:12px 12px 12px 16px}.about-dialog-body{padding:22px 18px 26px}.education-intro{margin-bottom:30px}.education-intro h1{font-size:25px}.site-footer{flex-direction:column;align-items:flex-start;margin-top:44px}.site-footer nav{flex-direction:column;align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}