.studio-app{--st-bg:#f4f2ec;--st-line:#dcdad2;--st-ink:#272b25;--st-muted:#85877c;--st-accent:#f15d36;z-index:200;background:var(--st-bg);color:var(--st-ink);letter-spacing:-.02em;font-family:Arial,Helvetica,sans-serif;font-size:13px;position:fixed;inset:0;overflow:auto}.studio-app *{box-sizing:border-box}.studio-app button,.studio-app input{font:inherit}.studio-app button,.studio-app a{-webkit-tap-highlight-color:transparent}.studio-app button{cursor:pointer;color:inherit;background:0 0;border:1px solid #0000;border-radius:7px;min-height:40px;padding:10px 14px;transition:background .18s,transform .18s,border-color .18s}.studio-app button:hover{background:#e8e6de}.studio-app button:active{transform:translateY(1px)}.studio-app button:disabled{opacity:.4;cursor:default}.studio-app :focus-visible{outline:2px solid var(--st-accent);outline-offset:4px}.studio-app a{color:inherit;text-decoration:none}.studio-app .st-primary{background:var(--st-ink);color:#f8f7f1;padding:11px 18px}.studio-app .st-primary:hover{background:#44483e}.st-topbar{border-bottom:1px solid var(--st-line);z-index:3;background:var(--st-bg);align-items:center;gap:18px;height:80px;padding:0 32px;display:flex;position:relative}.studio-app .st-wordmark{letter-spacing:-2px;align-items:flex-start;gap:3px;min-height:0;padding:0;font-family:Georgia,serif;font-size:35px;display:flex}.studio-app .st-wordmark:hover{background:0 0}.st-mark{color:var(--st-accent);font-family:Arial;font-size:38px;font-weight:400;line-height:1}.st-private{letter-spacing:.12em;color:var(--st-muted);margin-left:14px;font:9px monospace}.st-top-actions{white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.st-top-actions>a{padding:10px 18px}.st-top-actions form{margin:0}.st-divider{background:var(--st-line);width:1px;height:18px}.studio-app .st-project-title{text-overflow:ellipsis;white-space:nowrap;max-width:250px;padding:8px 0;font-weight:500;overflow:hidden}.st-project-title span{color:var(--st-muted);margin-left:12px}.st-draft-label{border:1px solid var(--st-line);color:var(--st-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:110px;padding:4px 7px;font-size:10px;overflow:hidden}.st-count{color:var(--st-muted);margin-left:5px;font-size:10px}.st-top-actions .is-selected{background:#e8e6de}.st-shelf{max-width:1700px;margin:auto;padding:66px 6vw 0}.st-eyebrow{letter-spacing:.16em;color:var(--st-muted);font:9px/1.5 monospace}.st-shelf-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:64px;display:flex}.st-shelf h1{letter-spacing:-.055em;margin:16px 0 0;font:clamp(32px,3.8vw,57px)/1.1 Georgia,serif}.st-shelf h1>span{color:var(--st-accent)}.studio-app .st-new{border-color:#c8cac0;border-radius:30px;padding:12px 20px}.st-new>span{vertical-align:-1px;padding-right:12px;font-size:20px}.st-shelf-label{border-bottom:1px solid var(--st-line);justify-content:space-between;padding-bottom:16px;font-size:12px;display:flex}.st-shelf-label small{color:var(--st-muted);margin-left:10px;font:10px monospace}.st-shelf-label>span:last-child{color:var(--st-muted);letter-spacing:.1em;font:9px monospace}.st-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:30px;padding-top:28px;display:grid}.studio-app .st-card{text-align:left;border:0;border-radius:0;min-width:0;padding:0}.studio-app .st-card:hover{background:0 0}.st-card-art{aspect-ratio:1.15;background:#e9e5dc;border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden}.st-card-number{color:#929184;z-index:1;font:10px monospace;position:absolute;top:18px;left:20px}.st-card-enter{opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#f6f5efed;border-radius:20px;padding:10px 17px;font-size:11px;transition:opacity .25s,transform .25s;position:absolute;bottom:22px;left:50%;transform:translate(-50%,12px)}.st-card:hover .st-card-enter,.st-card:focus-visible .st-card-enter{opacity:1;transform:translate(-50%)}.st-card-meta{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.st-card-meta h2{margin:0 0 6px;font-size:16px;font-weight:500}.st-card-meta p{color:var(--st-muted);margin:0;font-size:11px}.st-card-meta>span{color:var(--st-muted);font-size:20px}.st-live{align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;top:16px;right:16px}.st-live i,.st-live-inline i,.st-save-state i{background:#818d6a;border-radius:50%;width:5px;height:5px;display:inline-block}.st-object{filter:drop-shadow(10px 15px 8px #2a29271f);width:95px;height:132px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotate(-11deg)skewY(3deg)}.st-object.is-large{width:142px;height:200px}.st-card:hover .st-object{transform:rotate(-5deg)skewY(1deg)translateY(-7px)}.st-paper{background:repeating-linear-gradient(0deg,#d2cfc6 0 1px,var(--paper)1px 3px);border-radius:2px;position:absolute;inset:3px -2px -4px 2px}.st-cover{background:var(--cover);border-radius:3px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 1px 1px 1px #ffffff50,inset -1px -1px 1px #0002}.st-cover:after{content:"";background:linear-gradient(120deg,#ffffff20,#0000 50%,#00000018);position:absolute;inset:0}.st-cover>span{white-space:pre-line;color:var(--ink);letter-spacing:-.07em;font:700 12px/.95 Courier New,monospace;position:absolute;top:40%;left:30%}.is-large .st-cover>span{font-size:19px}.st-band{background:var(--band);width:6px;position:absolute;top:-2px;bottom:-2px;right:10%;box-shadow:-2px 0 2px #0002}.is-large .st-band{width:9px}.st-rings{flex-direction:column;justify-content:space-between;height:92%;display:flex;position:absolute;top:4%;left:-6px}.st-rings i{border:1.5px solid var(--wire);border-radius:4px;width:13px;height:4px;box-shadow:0 1px 1px #0003}.is-large .st-rings{left:-8px}.is-large .st-rings i{border-width:2px;width:18px;height:6px}.st-object-image{object-fit:cover;width:100%;height:100%;display:block}.studio-app .st-empty-card{aspect-ratio:1.15;color:#8f9084;background:#eeede61f;border:1px dashed #cfcec4;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;display:flex}.st-empty-card>span{font-size:26px;font-weight:200}.st-empty-card p{margin:14px 0 10px;font:28px Georgia,serif}.st-empty-card small{font-size:11px}.st-shelf-footer{border-top:1px solid var(--st-line);color:#999a90;justify-content:space-between;gap:20px;margin-top:65px;padding:24px 0;font-size:11px;display:flex}.st-shelf-footer>span:last-child{letter-spacing:.1em;font:9px monospace}.st-desk{position:absolute;inset:80px 0 0}.st-desk iframe{background:#e9e5dc;border:0;width:100%;height:100%}.st-save-state{z-index:2;color:#818477;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f2ecb8;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:flex;position:absolute;bottom:22px;left:28px}.st-save-state i.is-saving{background:#bb9b61;animation:1s infinite st-pulse}.st-history{z-index:4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8f7f2f5;border:1px solid #deddd4;border-radius:12px;flex-direction:column;width:320px;animation:.22s ease-out st-arrive;display:flex;position:absolute;top:96px;bottom:62px;left:18px;overflow:hidden;box-shadow:0 20px 70px #393b2820}.st-history>header{justify-content:space-between;align-items:center;padding:24px 22px 0;display:flex}.st-history h2{margin:6px 0;font:27px Georgia,serif}.st-history>header button{padding:4px 10px;font-size:23px}.st-history-intro{color:var(--st-muted);margin:8px 0 18px;padding:0 22px;font-size:11px}.studio-app .st-save-version{border:1px solid var(--st-line);margin:0 22px 20px;font-size:11px}.st-version-list{flex:1;min-height:0;padding:0 22px 12px;overflow-y:auto}.st-version{border-top:1px solid var(--st-line);grid-template-columns:74px 1fr;gap:12px;padding:20px 0 14px;display:grid}.st-version.is-viewing{border-top-color:var(--st-accent)}.studio-app .st-version-preview{background:#e9e5dc;border-radius:3px;place-items:center;height:86px;padding:0;display:grid;overflow:hidden}.st-version-preview .st-object{flex-shrink:0;transform:scale(.44)rotate(-11deg)}.st-version-info{min-width:0;padding-top:4px}.st-version h3{overflow-wrap:anywhere;margin:0 0 8px;font-size:12px;font-weight:500}.st-version time{color:var(--st-muted);font-size:10px}.st-live-inline{color:#6c7857;align-items:center;gap:6px;margin-top:12px;font-size:9px;display:flex}.st-version-actions{grid-column:1/-1;justify-content:space-between;gap:3px;display:flex}.studio-app .st-version-actions button{min-height:34px;padding:6px 8px;font-size:10px}.st-version-actions button:last-child{color:#626d4c;background:#e9ecdf}.st-view-live{border-top:1px solid var(--st-line);padding:18px 22px;font-size:11px}.st-preview-pill{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2;white-space:nowrap;background:#f8f7f2e6;border:1px solid #d8d8c9;border-radius:30px;align-items:center;gap:20px;padding:6px 8px 6px 20px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.st-preview-pill>span{color:var(--st-muted);font-size:11px}.st-preview-pill button{border-radius:24px;font-size:11px;background:#e8e9df!important}.st-dialog{color:var(--st-ink);background:#f8f7f2;border:1px solid #e0dfd7;border-radius:16px;width:min(430px,100vw - 32px);max-height:90dvh;margin:auto;padding:34px;animation:.25s ease-out st-arrive;overflow:auto;box-shadow:0 25px 100px #262b2333}.st-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#282d263d}.st-dialog h2{letter-spacing:-1px;margin:16px 0 25px;font:32px/1.1 Georgia,serif}.st-dialog label{color:var(--st-muted);font-size:11px;display:block}.st-dialog input{width:100%;color:var(--st-ink);background:#fffefa;border:1px solid #cfcec5;border-radius:5px;margin-top:10px;padding:13px 14px;font-size:16px}.st-dialog p{font-size:13px;line-height:1.6}.st-dialog .st-muted,.st-muted{color:var(--st-muted);font-size:12px;line-height:1.6}.st-dialog-actions{justify-content:flex-end;gap:8px;margin-top:28px;display:flex}.st-dialog-actions button{font-size:12px}.st-publish-object{background:#e9e5dc;border-radius:6px;place-items:center;height:170px;margin-bottom:20px;display:grid;overflow:hidden}.st-error{z-index:12;color:#7d5127;background:#fff4df;border:1px solid #d7bc8b;border-radius:9px;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;font-size:12px;display:flex;position:absolute;top:86px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0001}.st-error button{white-space:nowrap;border-color:#d7bc8b}.st-recovery{z-index:5;background:#faf9f3;border:1px solid #d8d8cb;border-radius:12px;width:310px;padding:24px;position:absolute;top:100px;left:25px;box-shadow:0 15px 40px #0002}.st-recovery p{color:var(--st-muted);font-size:12px;line-height:1.5}.st-recovery button{font-size:11px}.st-loading,.st-canvas-loading{color:#818477;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex}.st-loading{height:65vh}.st-canvas-loading{z-index:1;background:#e9e5dc;position:absolute;inset:0}.st-loader{border:1px solid #cccdbf;border-top-color:#767e67;border-radius:50%;width:18px;height:18px;animation:1s linear infinite st-spin}@keyframes st-spin{to{transform:rotate(360deg)}}@keyframes st-pulse{50%{opacity:.35}}@keyframes st-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (min-width:1500px){.st-object.is-large{width:175px;height:244px}.is-large .st-cover>span{font-size:23px}}@media (max-width:1100px){.st-topbar{gap:12px;padding:0 22px}.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-shelf{padding:48px 5vw 0}.st-shelf-heading{margin-bottom:45px}.st-draft-label{display:none}.st-top-actions{gap:1px}.st-top-actions button{padding:10px}.st-project-title{max-width:150px!important}}@media (max-width:740px){.st-topbar{gap:12px;height:70px;padding:0 16px}.studio-app .st-wordmark{font-size:30px}.st-mark{font-size:33px}.st-private{display:none}.st-top-actions{font-size:11px}.st-top-actions>a{padding:8px}.st-shelf{padding:36px 20px 0}.st-shelf-heading{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:36px}.st-shelf h1{max-width:280px;font-size:37px}.st-shelf-heading .st-new{font-size:12px}.st-grid{grid-template-columns:1fr 1fr;gap:20px}.st-object.is-large{width:90px;height:126px}.is-large .st-cover>span{font-size:12px}.is-large .st-rings i{border-width:1.5px;width:12px;height:4px}.is-large .st-rings{left:-5px}.is-large .st-band{width:6px}.st-card-number{font-size:9px;top:12px;left:12px}.st-live{font-size:8px;top:12px;right:10px}.st-card-enter{display:none}.st-card-meta h2{font-size:14px}.st-card-meta p{font-size:10px}.st-empty-card small{display:none}.st-empty-card p{font-size:23px}.st-shelf-footer{margin-top:32px;font-size:10px;line-height:1.5}.st-shelf-footer>span:last-child{text-align:right;max-width:100px;font-size:8px}.st-editing .st-topbar{flex-wrap:wrap;align-content:center;gap:4px 14px;height:104px}.st-editing .st-top-actions{border-top:1px solid var(--st-line);justify-content:flex-end;width:100%;margin-top:4px;padding-top:5px}.st-editing .st-wordmark{font-size:26px}.st-editing .st-mark{font-size:28px}.st-editing .st-project-title{min-height:28px;padding:0;font-size:11px;max-width:190px!important}.st-top-actions button{min-height:36px}.st-desk{top:104px}.st-save-state{max-width:calc(100% - 24px);padding:5px 8px;font-size:9px;bottom:calc(49dvh + 8px);left:12px}.st-history{width:auto;max-width:360px;inset:116px 12px 12px}.st-preview-pill{gap:7px;max-width:95%;padding-left:12px;bottom:20px}.st-preview-pill>span,.st-preview-pill button{font-size:10px}.st-preview .st-save-state{bottom:80px}.st-error{flex-direction:column;align-items:flex-start;gap:5px;width:calc(100% - 24px);top:110px}.st-recovery{max-width:calc(100% - 24px);top:118px;left:12px}.st-dialog{padding:26px}.st-dialog h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.studio-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.studio-app.st-editing{overflow:hidden}.st-desk iframe{display:block}.studio-app .st-version-preview .st-object{width:38px;height:54px;transform:rotate(-9deg)}.st-version-preview .st-cover>span{font-size:5px}.st-version-preview .st-band{width:3px}.st-version-preview .st-rings{left:-3px}.st-version-preview .st-rings i{border-width:.7px;width:6px;height:2px}.st-modal-error{color:#905c27;background:#fff0da;border-radius:6px;padding:12px}@media (max-width:740px){.st-preview-pill>span{display:none}}@media (min-width:741px) and (max-width:1000px) and (orientation:portrait){.st-save-state{top:94px;bottom:auto;left:18px}.st-history{max-width:360px;bottom:24px}.st-preview .st-save-state{top:94px;bottom:auto}}