*{box-sizing:border-box}:root{--ink:#1d1c19;--muted:#858078;--paper:#f5f0e7;--panel:#fffdf9;--line:#ddd5c9;--orange:#ef6e43;--orange-dark:#c94e2b;--style-accent:#e39a68}html,body{min-height:100%}body{color:var(--ink);background:#e7e0d5;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{color:inherit}button,label,select{-webkit-tap-highlight-color:transparent}.studio-shell{background:radial-gradient(circle at 72% 15%,#fffc,#0000 24%),#eee8df;min-height:100vh}.admin-login-page{background:radial-gradient(circle at 72% 15%,#ffffffd1,#0000 25%),#eee8df;place-items:center;min-height:100vh;padding:32px;display:grid}.admin-login-card{background:#fffdf9f5;border:1px solid #dcd4c8;border-radius:18px;width:min(440px,100%);padding:32px;box-shadow:0 24px 70px #4a3c2b24}.admin-login-card form,.admin-login-card label{display:grid}.admin-login-card form{gap:18px;margin-top:34px}.admin-login-heading h1{margin:8px 0 7px;font-family:Georgia,Songti SC,serif;font-size:30px}.admin-login-heading p,.admin-login-loading{color:var(--muted);margin:0}.admin-login-loading{margin-top:34px}.admin-login-card label{color:#5f5a53;gap:8px;font-size:14px;font-weight:700}.admin-login-card input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px}.admin-login-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ef6e431f}.admin-login-card button{color:#fffaf4;cursor:pointer;background:#24211e;border:0;border-radius:10px;height:48px;font-weight:700}.admin-login-card button:disabled{opacity:.65;cursor:wait}.admin-login-error{color:#ad3c2b;margin:-6px 0 0;font-size:13px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#faf7f2eb;border-bottom:1px solid #dcd4c8;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;height:76px;padding:0 32px;display:grid;position:sticky;top:0;box-shadow:0 3px 14px #4a3c2b0f}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup>div:last-child{gap:3px;display:grid}.brand-lockup strong{letter-spacing:.15em;font-family:Georgia,Songti SC,serif;font-size:21px}.brand-lockup small{color:#918b82;letter-spacing:.17em;font-size:13.5px}.brand-mark{background:repeating-radial-gradient(circle,#0000 0 2px,#ffffff14 2px 3px,#0000 3px 5px),#22211e;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 5px 13px #1f1c1833}.brand-mark span{background:#f7d7c5;border:3px solid #f0815a;border-radius:50%;width:11px;height:11px}.topnav{align-items:stretch;gap:30px;height:100%;display:flex}.topnav button{color:#8d887f;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:2px 3px 0;font-size:18px}.topnav button.active{border-bottom-color:var(--orange);color:#24211e;font-weight:700}.count-badge{color:#fffaf4;background:#24211e;border-radius:20px;place-items:center;min-width:17px;height:17px;margin-left:7px;padding:0 5px;font-size:13.5px;display:inline-grid}.count-badge.recycle-count{color:#6a554a;background:#e6d7cc}.top-actions{justify-content:flex-end;align-items:center;gap:22px;display:flex}.sync-state{color:#8d887f;font-size:15px}.sync-state i,.live-dot i{background:#63a577;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #63a5771f}.avatar{color:#6c655d;cursor:pointer;background:#f4eee5;border:1px solid #cfc7bb;border-radius:50%;width:34px;height:34px;font-family:Georgia,serif;font-size:16.5px}.workspace{grid-template-columns:minmax(440px,34%) 1fr;min-height:calc(100vh - 76px);display:grid}.editor-panel{background:linear-gradient(90deg,#ffffff85,#0000),#f8f4ed;border-right:1px solid #d9d0c4;min-width:0;padding:38px 42px 28px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{color:var(--orange);letter-spacing:.22em;font-size:13.5px;font-weight:800}.panel-heading h1{letter-spacing:.01em;margin:9px 0 8px;font-family:Georgia,Songti SC,serif;font-size:clamp(37.5px,2vw,46.5px);font-weight:500}.panel-heading p{color:#8c867d;margin:0;font-size:16.5px;line-height:1.65}.step-pill{color:#989188;background:#ffffff80;border:1px solid #d9d0c4;border-radius:20px;flex:none;padding:6px 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.form-section{border-top:1px solid #ded6ca;margin-top:27px;padding-top:20px}.identity-section{margin-top:30px}.section-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-title span{letter-spacing:.07em;font-size:16.5px;font-weight:700}.section-title em{color:#d7613b;background:#fee8dd;border-radius:3px;padding:3px 6px;font-size:12px;font-style:normal}.section-title small{color:#aaa299;font-size:13.5px}.field-label{color:#817b72;margin-bottom:7px;font-size:13.5px;font-weight:700;display:block}.text-input{color:#2c2925;background:#ffffffd1;border:1px solid #d7cec1;border-radius:5px;outline:none;width:100%;height:42px;padding:0 13px;font-size:16.5px;transition:border-color .2s,box-shadow .2s}.text-input:focus,.manager-form input:focus,.search-box input:focus{border-color:#dd8b6d;box-shadow:0 0 0 3px #ef6e4317}.upload-stack{gap:9px;display:grid}.upload-card,.choice-card{background:#ffffff9e;border:1px solid #ddd4c8;border-radius:7px;align-items:center;gap:12px;min-height:62px;padding:10px 12px;transition:border-color .2s,background .2s,transform .2s;display:flex}.upload-card{cursor:pointer;position:relative}.upload-card:hover,.upload-card.is-dragging,.choice-card:hover{background:#fffaf5;border-color:#d79b83}.upload-card.is-dragging{transform:translateY(-1px)}.upload-card input{opacity:0;width:1px;height:1px;position:absolute}.upload-icon{color:#e66842;background:#fae7dc;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.upload-icon.audio{color:#886ab7;background:#eee8f7}.upload-icon.video{color:#537d9b;background:#e5eff4;font-size:15px}.upload-icon.style{color:#916d53;background:#eee5dc}.upload-icon.background{color:#2b2723ad;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #4a443d29;transition:background .2s;box-shadow:inset 0 0 0 4px #fff3}.upload-icon.footer{color:#8a6d57;background:#efe5dc;font-size:15px;font-weight:700;transition:background .2s,color .2s}.upload-copy,.choice-main{flex:1;min-width:0}.upload-copy{gap:4px;display:grid}.upload-copy strong{color:#38342f;font-size:15px}.upload-copy small{color:#aaa198;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.upload-copy small.file-name{color:#6c8070}.upload-action{color:#dd633f;font-size:13.5px;font-weight:700}.done-dot{color:#fff;background:#63a577;border-radius:50%;place-items:center;width:15px;height:15px;font-size:12px;font-style:normal;display:grid;position:absolute;top:-5px;right:-5px}.choice-card{padding-top:9px;padding-bottom:9px}.choice-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.choice-label-row label{color:#3f3b36;font-size:15px;font-weight:700}.choice-label-row button{color:#d45c37;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.choice-label-row button:before{content:"＋";margin-right:2px}.background-label-row{margin-bottom:7px}.background-label-row>span{gap:2px;display:grid}.background-label-row small{color:#aaa198;font-size:10.5px}.background-label-row code{color:#928980;font-family:SFMono-Regular,Consolas,monospace;font-size:10.5px}.background-controls{align-items:center;gap:9px;display:flex}.footer-color-controls{align-items:center;gap:9px;margin-top:9px;display:flex}.footer-color-controls .background-swatches{gap:7px}.color-picker-button{color:#756d65;cursor:pointer;background:#fffefa;border:1px solid #ddd3c7;border-radius:4px;align-items:center;gap:6px;height:27px;padding:0 8px;font-size:10.5px;display:flex;position:relative}.color-picker-button input{cursor:pointer;background:0 0;border:0;border-radius:50%;width:15px;height:15px;padding:0}.background-swatches{align-items:center;gap:6px;display:flex}.background-swatches button{cursor:pointer;border:1px solid #413b3533;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .16s,box-shadow .16s;box-shadow:inset 0 0 0 2px #ffffff38}.background-swatches button:hover{transform:translateY(-1px)}.background-swatches button.active{box-shadow:0 0 0 2px #f9f5ee, 0 0 0 3px var(--orange);transform:scale(1.04)}.background-photo-row{align-items:stretch;gap:6px;margin-top:8px;display:flex}.background-photo-upload{color:#6f665d;cursor:pointer;background:#fffefad6;border:1px dashed #d7cbbd;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;min-height:43px;padding:5px 8px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative}.background-photo-upload:hover,.background-photo-row.is-dragging .background-photo-upload{border-color:var(--orange);background:#fffaf3;transform:translateY(-1px)}.background-photo-upload input{opacity:0;width:1px;height:1px;position:absolute}.background-photo-thumb{color:#a68772;background-color:#f1e9df;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #4c423824;border-radius:4px;flex:none;place-items:center;width:38px;height:27px;font-size:18px;display:grid;overflow:hidden}.background-photo-copy{flex:1;gap:2px;min-width:0;display:grid}.background-photo-copy strong{color:#4a443e;font-size:12px}.background-photo-copy small{color:#aaa198;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.background-photo-copy small.file-name{color:#6c8070}.background-photo-action{color:#db633f;flex:none;font-size:12px;font-weight:700}.background-photo-toggle{color:#71685f;cursor:pointer;background:#f8f3ec;border:1px solid #d8cec2;border-radius:6px;flex:none;width:58px;padding:0 6px;font-size:10.5px;font-weight:700}.background-photo-toggle:hover{border-color:var(--orange);color:#cf5f3d}.select-wrap{background:#fffefa;border:1px solid #dcd4ca;border-radius:4px;align-items:center;height:30px;display:flex;position:relative}.select-wrap select{appearance:none;color:#69635b;cursor:pointer;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0 28px 0 9px;font-size:13.5px}.select-wrap>span{color:#a2988e;pointer-events:none;font-size:13.5px;position:absolute;top:7px;right:9px}.tip-row{background:#eee8df;border:1px solid #e2d9cd;border-radius:5px;gap:9px;margin:15px 0 0;padding:10px 12px;display:flex}.tip-row>span{color:#8f877e;border:1px solid #bdb4a8;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-family:Georgia,serif;font-size:13.5px;font-style:italic;display:grid}.tip-row p{color:#89837b;margin:0;font-size:12px;line-height:1.6}.editor-footer{align-items:flex-end;gap:17px;margin-top:20px;display:flex}.completion{flex:1;min-width:110px}.completion>div{background:#dcd4ca;border-radius:5px;height:3px;overflow:hidden}.completion>div span{border-radius:inherit;background:linear-gradient(90deg,#ec784f,#f6a07f);height:100%;transition:width .35s;display:block}.completion small{color:#999188;margin-top:7px;font-size:12px;display:block}.save-button{color:#fffaf2;cursor:pointer;background:#24211e;border:0;border-radius:5px;justify-content:space-between;align-items:center;width:min(218px,56%);height:43px;padding:0 16px;font-size:15px;transition:transform .2s,background .2s;display:flex;box-shadow:0 8px 18px #271f1929}.save-button:hover{background:#11100e;transform:translateY(-1px)}.save-button b{color:#f19472;font-size:22.5px}.preview-panel{background:radial-gradient(circle at 51% 46%,#42454433,#0000 35%) 50%,radial-gradient(circle,#cdd3cf1f 1px,#0000 1.2px) 8px 8px/29px 29px,#101111 50%;flex-direction:column;min-width:0;padding:34px 38px 24px;display:flex}.preview-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.live-dot{color:#737776;letter-spacing:.13em;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.live-dot i{background:#f06740;width:5px;height:5px;margin-right:7px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 0 4px #f067401a}@keyframes pulse{50%{opacity:.45}}.preview-heading h2{color:#efede8;margin:7px 0 0;font-family:Georgia,Songti SC,serif;font-size:31.5px;font-weight:500}.preview-actions{align-items:center;gap:12px;display:flex}.device-switch{background:#ffffff06;border:1px solid #323534;border-radius:7px;padding:3px;display:flex}.device-switch button{color:#747776;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:12px;transition:all .2s;display:flex}.device-switch button span{font-size:18px}.device-switch button.active{color:#f2f0eb;background:#292b2a;font-weight:700;box-shadow:0 2px 8px #00000047}.preview-stage{flex:1;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.preview-stage:before{content:"";aspect-ratio:1.7;filter:blur(22px);background:radial-gradient(circle,#6d726f1f,#373a390a 48%,#0000 72%);border-radius:50%;width:76%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.ambient-glow{aspect-ratio:1.7;background:color-mix(in srgb, var(--style-accent) 18%, transparent);filter:blur(55px);opacity:.4;border-radius:50%;width:65%;transition:background .35s;position:absolute}.turntable{aspect-ratio:1.75;background:linear-gradient(130deg, color-mix(in srgb, var(--style-accent) 12%, #fffc), #ffffff47 38%, color-mix(in srgb, var(--style-accent) 22%, #cec2b25c));-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border:1px solid #756a5d6b;border-radius:22px;grid-template-columns:1.05fr 1px .95fr;width:min(820px,94%);transition:background .35s;display:grid;position:relative;transform:perspective(1400px)rotateX(1.8deg)rotateY(-1.5deg);box-shadow:0 40px 56px #3f312630,inset 0 0 0 8px #ffffff29,inset 0 0 34px #ffffff6b}.turntable:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff7a;position:absolute;inset:9px}.case-screw{z-index:3;background:#ede6dbb3;border:1px solid #50484066;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:inset 0 0 2px #2d282366}.case-screw.s1{top:13px;left:13px}.case-screw.s2{top:13px;right:13px}.case-screw.s3{bottom:13px;right:13px}.case-screw.s4{bottom:13px;left:13px}.deck-left,.deck-right{min-width:0;position:relative}.deck-divider{background:#6f65594a;margin:25px 0;box-shadow:1px 0 #fff9}.power-knob{background:linear-gradient(145deg,#ddd6cc,#8e857a);border:1px solid #8a7f72;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:28px;left:30px;box-shadow:0 3px 7px #2a231d47,inset 0 0 0 4px #ffffff38}.power-knob i{background:#4f4942;width:1px;height:7px;margin-top:-8px}.platter{aspect-ratio:1;background:repeating-radial-gradient(circle,#ffffff26 0 1px,#0000 1px 4px),#89837b;border-radius:50%;place-items:center;width:75%;display:grid;position:absolute;top:12%;left:8%;box-shadow:0 11px 18px #241f1b52,inset 0 0 0 7px #ffffff21}.record{aspect-ratio:1;transform-origin:50%;will-change:transform;background:repeating-radial-gradient(circle,#0000 0 2px,#fff1 2px 3px,#0000 3px 7px),radial-gradient(circle,#1d1b19 0 7%,#090909 8% 100%);border-radius:50%;place-items:center;width:88%;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #0808086b}.record-shine{background:conic-gradient(transparent 0 8%, #ffffff21 10% 18%, transparent 20% 52%, #ffffff14 55% 64%, transparent 66%);border-radius:50%;position:absolute;inset:-10%}.record-label{aspect-ratio:1;z-index:1;background-color:var(--style-accent);background-position:50%;background-size:cover;border:1px solid #e4d0c0b8;border-radius:50%;place-items:center;width:42%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #ffffff1f}.default-label{text-align:center;display:grid;transform:rotate(-8deg)}.default-label small{color:#4e332b;letter-spacing:.18em;font-size:7.5px}.default-label strong{color:#fff5e9;text-shadow:1px 1px #9a4f36;font-family:Georgia,serif;font-size:clamp(15px,1.2vw,25.5px);line-height:.9}.default-label em{color:#553c32;margin-top:4px;font-size:9px;font-style:normal}.spindle{background:#e5dfd7;border:2px solid #b8b2a9;border-radius:50%;width:8px;height:8px;position:absolute}.speed-control{color:#6a625a;align-items:center;gap:8px;font-family:SFMono-Regular,Consolas,monospace;font-size:10.5px;display:flex;position:absolute;bottom:26px;left:31px}.status-light{background:#ed6a43;border-radius:50%;width:5px;height:5px;margin-right:3px;box-shadow:0 0 7px #f46a42}.tonearm-base{background:linear-gradient(145deg,#ddd6ce,#746b62);border:1px solid #5d544cb8;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:53px;right:22px;box-shadow:0 5px 12px #2a221d52,inset 0 0 0 7px #ffffff21}.tonearm-hinge{background:#9b9187;border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 5px #c8c0b6}.tonearm{z-index:3;transform-origin:50% 0;background:linear-gradient(90deg,#777069,#c7c0b8 40%,#716a63);border-radius:9px;width:8px;height:56%;position:absolute;top:83px;right:45px;transform:rotate(-16deg);box-shadow:2px 3px 6px #211d1947}.arm-head{background:linear-gradient(135deg,#292725,#77716a);border-radius:3px;width:23px;height:32px;position:absolute;bottom:-16px;left:-7px;box-shadow:0 3px 8px #00000057}.deck-right{flex-direction:column;padding:35px 34px 29px;display:flex}.display-screen{color:#f6e9da;background:radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--style-accent) 32%, transparent), transparent 55%), linear-gradient(160deg, #181817, #282520);text-align:left;border:1px solid #2c2926;border-radius:7px;flex-direction:column;justify-content:space-between;align-items:stretch;height:42%;min-height:130px;padding:15px 17px 13px;display:flex;overflow:hidden;box-shadow:0 8px 16px #241d1842,inset 0 0 12px #ffffff0a}.display-screen video{object-fit:cover;width:100%;height:100%}.screen-label{color:#b7a494;letter-spacing:.17em;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.waveform{justify-content:center;align-items:center;gap:2px;height:58%;display:flex;overflow:hidden}.waveform i{background:linear-gradient(to top, var(--style-accent), #f3c0a6);opacity:.84;border-radius:4px;width:2px;max-height:100%;transition:height 45ms linear,opacity 90ms;display:block}.screen-time{color:#d8cabe;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:SFMono-Regular,Consolas,monospace;font-size:10.5px;overflow:hidden}.control-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:14px;display:grid}.control-key{cursor:pointer;background:#ede7dea3;border:1px solid #776c6094;border-radius:5px;justify-content:center;align-items:center;gap:9px;height:49px;display:flex;box-shadow:0 4px 8px #3a2e251f,inset 0 0 0 2px #ffffff42}.control-key span{color:#3d3935;font-size:21px}.control-key small{color:#787067;letter-spacing:.11em;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.control-key.liked span{color:var(--orange)}.transport-info{color:#797169;grid-template-columns:22px 1fr 22px;align-items:center;gap:7px;margin-top:11px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;display:grid}.transport-info>div{background:#63594f40;border-radius:4px;height:2px;overflow:hidden}.transport-info>div i{background:var(--orange);height:100%;transition:width .3s;display:block}.hardware-bottom{flex:1;grid-template-columns:.75fr 1fr;align-items:end;gap:17px;min-height:55px;padding-top:15px;display:grid}.tape-window{background:#3c37321f;border:1px solid #564d449e;border-radius:4px;justify-content:space-around;align-items:center;height:44px;display:flex;position:relative;box-shadow:inset 0 0 7px #342d2838}.tape-window span{border:3px dotted #776e65;border-radius:50%;width:19px;height:19px}.tape-window i{background:#6e665f;width:17px;height:4px;position:absolute;bottom:5px}.speaker{grid-template-columns:repeat(7,3px);justify-content:center;gap:4px 5px;padding:8px 0;display:grid}.speaker i{background:#4b443ead;border-radius:50%;width:3px;height:3px;display:block;box-shadow:inset 0 0 1px #25221f}.preview-caption{color:#666a68;text-align:center;width:100%;margin:25px 0 0;font-size:12px;position:absolute;bottom:3px}.preview-caption span{color:var(--orange);font-size:9px}.preview-statusbar{background:#141515db;border:1px solid #2c2f2e;border-radius:7px;grid-template-columns:minmax(160px,1.3fr) 1px minmax(110px,.8fr) 1px minmax(110px,.8fr) auto;align-items:center;gap:17px;min-height:60px;padding:10px 15px;display:grid;box-shadow:0 5px 18px #0003}.preview-statusbar>div:first-child{align-items:center;gap:10px;min-width:0;display:flex}.preview-statusbar p{gap:3px;min-width:0;margin:0;display:grid}.preview-statusbar strong{color:#d6d3cd;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.preview-statusbar small{color:#6d716f;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.mini-record{background:var(--style-accent);border:6px solid #191817;border-radius:50%;flex:none;width:27px;height:27px;box-shadow:0 2px 6px #221d193d}.status-separator{background:#2f3231;width:1px;height:25px}.preview-statusbar>button{color:#818583;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #696d6b;padding:7px 9px;font-size:12px}.iphone-wrap{z-index:1;place-items:center;width:min(760px,94%);display:grid;position:relative}.iphone-shell{aspect-ratio:2.06;background:linear-gradient(145deg,#4a4845,#b7b3ac 45%,#393735);border:2px solid #77736e;border-radius:44px;width:100%;padding:8px;box-shadow:0 35px 55px #2f261f47,inset 0 0 0 2px #272624,inset 0 0 0 4px #ffffff21}.iphone-screen{color:#f7f0e8;background:radial-gradient(circle at 31% 48%, color-mix(in srgb, var(--style-accent) 19%, transparent), transparent 39%), linear-gradient(145deg, color-mix(in srgb, var(--phone-background) 88%, white), var(--phone-background) 72%);border-radius:35px;height:100%;transition:background .25s;position:relative;overflow:hidden}.iphone-screen.has-photo-background{background-image:linear-gradient(145deg, #1f18131f, #1f181309), var(--phone-background-image);background-position:50%;background-repeat:no-repeat;background-size:cover}.dynamic-island{z-index:3;background:#030303;border-radius:18px;width:22px;height:76px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.phone-status{z-index:2;justify-content:space-between;padding:10px 24px 0 40px;font-family:SFMono-Regular,Consolas,monospace;font-size:7.5px;display:flex;position:relative}.phone-full-preview{place-items:center;display:grid;position:absolute;inset:12px}.phone-footer-text{text-align:center;letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;z-index:5;pointer-events:none;text-shadow:0 0 2px #ffffff59;margin:0;padding:0 14px;font-size:6px;font-weight:700;line-height:1.2;position:absolute;bottom:8px;left:0;right:0;overflow:hidden}.phone-full-preview .turntable{width:auto;max-width:100%;height:calc(100% - 8px);max-height:100%;box-shadow:none;border-radius:18px;transform:none}.phone-full-preview .turntable:before{inset:7px}.phone-full-preview .case-screw{width:5px;height:5px}.phone-full-preview .deck-right{padding:27px 28px 22px}.phone-full-preview .display-screen{min-height:105px;padding:12px 14px 10px}.phone-full-preview .control-key{height:40px}.phone-full-preview .hardware-bottom{min-height:42px;padding-top:9px}.home-indicator{background:#ffffffb8;border-radius:4px;width:3px;height:82px;position:absolute;bottom:50%;left:auto;right:7px;transform:translateY(50%)}.library-view .panel-heading{align-items:center}.editor-panel.library-panel{height:calc(100vh - 92px);min-height:0;overflow:hidden}.library-view{grid-template-rows:auto auto auto auto minmax(0,1fr);height:100%;min-height:0;display:grid}.new-button{color:#695f56;cursor:pointer;background:#ffffffb3;border:1px solid #d4c9bc;border-radius:4px;padding:8px 11px;font-size:13.5px}.library-stats{background:linear-gradient(135deg,#ef6e430f,#0000 55%),#fffdf9d1;border:1px solid #ddd3c7;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:13px 15px;display:flex}.library-stats-total{gap:3px;display:grid}.library-stats-total small{color:#93897e;font-size:11.5px}.library-stats-total strong{color:#3b362f;font-family:Georgia,Songti SC,serif;font-size:30px;font-weight:500;line-height:1}.library-stats-action{color:#6f665c;cursor:pointer;background:#fffefa;border:1px solid #d8cdc0;border-radius:6px;align-items:center;gap:5px;padding:9px 13px;font-size:13px;font-weight:700;transition:border-color .2s,color .2s,background .2s;display:flex}.library-stats-action span{color:#d45c37;font-size:12px}.library-stats-action:hover{color:#d45c37;background:#fffaf5;border-color:#d79b83}.search-box{background:#ffffffbd;border:1px solid #d8cfc3;border-radius:5px;align-items:center;gap:8px;height:42px;margin-top:30px;padding:0 12px;display:flex}.search-box>span{color:#9b938a}.search-box input{color:#4b453f;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px}.library-meta{justify-content:space-between;align-items:center;margin:22px 0 9px;display:flex}.library-meta span{font-size:15px;font-weight:700}.library-meta small{color:#9d958c;font-size:12px}.project-list{scrollbar-gutter:stable;align-content:start;gap:7px;min-height:0;padding-right:5px;display:grid;overflow:hidden auto}.project-list::-webkit-scrollbar{width:7px}.project-list::-webkit-scrollbar-thumb{background:#4b453f4d;border-radius:999px}.project-list::-webkit-scrollbar-track{background:0 0}.project-row{background:#fff9;border:1px solid #ded5c9;border-radius:6px;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:8px 9px;transition:border-color .2s,transform .2s;display:grid}.project-row:hover{border-color:#d89b84;transform:translate(2px)}.project-row-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr) auto 15px;align-items:center;gap:12px;padding:1px;display:grid}.project-row-actions{border-top:1px solid #e3dbd1;justify-content:flex-end;align-items:center;gap:6px;padding:7px 1px 0;display:flex}.project-visit-total{color:#968b80;white-space:nowrap;align-items:baseline;gap:4px;padding:0 3px 0 1px;font-size:10.5px;display:inline-flex}.project-visit-total strong{color:#7d3f16;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.project-row-actions button{color:#65594f;cursor:pointer;background:#ffffffb8;border:1px solid #cfc4b6;border-radius:5px;padding:7px 10px;font-size:11px}.project-row-actions button:hover{color:#7d3f16;border-color:#af8d77}.project-row-actions button.danger:hover{color:#9d3028;background:#fff4f1;border-color:#b9655b}.project-thumb{background:radial-gradient(circle, var(--style-accent) 0 28%, #181716 29% 52%, transparent 53%), #e9e2d9;border-radius:5px;place-items:center;width:45px;height:45px;display:grid}.project-thumb i{color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-style:normal}.project-copy{gap:3px;min-width:0;display:grid}.project-copy strong,.project-copy small,.project-copy em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-copy strong{font-size:15px}.project-copy small{color:#8f877e;font-size:10.5px}.project-copy em{color:#b17661;font-size:10.5px;font-style:normal}.project-date{color:#9b9389;font-family:SFMono-Regular,Consolas,monospace;font-size:10.5px}.row-arrow{color:#d46340;font-size:16.5px}.empty-library{color:#948c83;justify-items:center;gap:6px;padding:48px 20px;display:grid}.empty-library span{font-size:39px}.empty-library strong{font-size:16.5px}.empty-library small{font-size:12px}.recycle-stats{background:linear-gradient(135deg,#80675814,#0000 58%),#fcf9f5e0;border-color:#d8ccc2}.recycle-preserved-note{color:#756b62;align-items:center;gap:8px;display:flex}.recycle-preserved-note span{color:#9a725d;background:#fffaf5;border:1px solid #d6c8bc;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.recycle-preserved-note small{max-width:200px;font-size:11px;line-height:1.45}.recycle-project-row{background:linear-gradient(90deg,#7f675b09,#0000 45%),#ffffff9e;border-color:#ddd1c7}.recycle-project-row:hover{border-color:#c9ac9d;transform:none}.recycle-row-main{cursor:default}.recycle-thumb{background:radial-gradient(circle,#a98c7d 0 28%,#292523 29% 52%,#0000 53%),#e5ddd5}.recycle-date{color:#8d7568}.recycle-mark{color:#a3735e;font-size:18px}.project-row-actions button.restore{color:#5c5148;background:#fffdf9;border-color:#b9aa9c;font-weight:700}.project-row-actions button.restore:hover{color:#8a4429;background:#fff8f1;border-color:#aa7359}.project-row-actions button.permanent{color:#a2453b;background:#fff8f6;border-color:#d7b4ad}.project-row-actions button.permanent:hover{color:#8f2119;background:#ffefec;border-color:#b9574d}.recycle-empty span{color:#a78370}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d191585;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.confirmation-backdrop{z-index:220;background:radial-gradient(circle at 50% 42%,#e29a5b1f,#0000 34%),#12110fb3}.confirmation-modal{--confirm-accent:#c9824f;--confirm-accent-dark:#8b4b28;color:#28231f;background:linear-gradient(125deg,#ffffffbd,#0000 42%),radial-gradient(circle at 8% 0,#d9a46d2e,#0000 34%),#faf6ef;border:1px solid #ffffff9e;border-radius:18px;grid-template-columns:82px minmax(0,1fr);column-gap:22px;width:min(520px,100%);padding:28px;animation:.24s cubic-bezier(.2,.8,.2,1) confirmation-in;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #0807066b,inset 0 2px #fffc}.confirmation-modal:after{content:"";background:var(--confirm-accent);width:90px;height:2px;box-shadow:0 0 18px color-mix(in srgb, var(--confirm-accent) 58%, transparent);position:absolute;top:0;left:28px}.confirmation-modal.danger{--confirm-accent:#bd554d;--confirm-accent-dark:#842f2a;background:linear-gradient(125deg,#ffffffc7,#0000 42%),radial-gradient(circle at 8% 0,#b84c4521,#0000 34%),#fbf5ef}.confirmation-symbol{border:1px solid color-mix(in srgb, var(--confirm-accent) 38%, #d6cabd);background:repeating-radial-gradient(circle,#27231f 0 3px,#3d3832 4px,#27231f 6px);border-radius:50%;place-items:center;width:82px;height:82px;display:grid;position:relative;box-shadow:0 12px 25px #2a221c33,0 0 0 6px #ffffff85}.confirmation-symbol i{background:var(--confirm-accent);border:5px solid #27231f;border-radius:50%;width:34px;height:34px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff6b}.confirmation-symbol span{z-index:1;color:#fffaf2;font-family:Georgia,Songti SC,serif;font-size:19px;line-height:1}.confirmation-copy{min-width:0}.confirmation-copy .eyebrow{color:var(--confirm-accent-dark);letter-spacing:.16em}.confirmation-copy h2{letter-spacing:-.02em;margin:7px 0 9px;font-family:Georgia,Songti SC,serif;font-size:28px;font-weight:500}.confirmation-copy>p{color:#5f564e;margin:0;font-size:14px;line-height:1.65}.confirmation-detail{border:1px solid color-mix(in srgb, var(--confirm-accent) 24%, #ded4c8);background:color-mix(in srgb, var(--confirm-accent) 7%, #fffaf4);border-radius:9px;grid-template-columns:22px minmax(0,1fr);gap:9px;margin-top:17px;padding:12px 13px;display:grid}.confirmation-detail>span{color:#fff;background:var(--confirm-accent);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.confirmation-detail small{color:#6c5c51;font-size:12px;line-height:1.55}.confirmation-actions{grid-column:1/-1;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:24px;display:grid}.confirmation-actions button{cursor:pointer;border:1px solid #d8cfc4;border-radius:9px;min-height:44px;font-size:13.5px;font-weight:650;transition:transform .16s,border-color .16s,background .16s}.confirmation-actions button:hover{transform:translateY(-1px)}.confirmation-actions button:focus-visible{outline:3px solid color-mix(in srgb, var(--confirm-accent) 32%, transparent);outline-offset:2px}.confirmation-cancel{color:#6c635b;background:#ffffff94}.confirmation-cancel:hover{background:#fff;border-color:#bcb0a3}.confirmation-submit{color:#fffaf5;background:linear-gradient(135deg, var(--confirm-accent), var(--confirm-accent-dark));box-shadow:0 8px 18px color-mix(in srgb, var(--confirm-accent) 25%, transparent);border-color:var(--confirm-accent-dark)!important}.confirmation-submit:hover{filter:brightness(1.04)}@keyframes confirmation-in{0%{opacity:0;transform:translateY(12px)scale(.975)}}@media (width<=560px){.confirmation-backdrop{padding:16px}.confirmation-modal{border-radius:15px;grid-template-columns:62px minmax(0,1fr);column-gap:16px;padding:23px 20px 20px}.confirmation-symbol{width:62px;height:62px}.confirmation-symbol i{width:28px;height:28px}.confirmation-copy h2{margin-top:5px;font-size:23px}.confirmation-detail{grid-column:1/-1;margin-left:-78px}.confirmation-actions{margin-top:19px}}@media (prefers-reduced-motion:reduce){.confirmation-modal{animation:none}.confirmation-actions button{transition:none}}.manager-modal,.save-receipt,.visit-records-modal,.qr-code-modal{background:radial-gradient(circle at 92% 0,#ef6e4317,#0000 27%),#fbf7f0;border:1px solid #ffffff80;border-radius:16px;width:min(620px,100%);max-height:calc(100vh - 44px);animation:.2s ease-out modal-in;overflow:auto;box-shadow:0 28px 70px #1914104d}.qr-code-modal{width:min(420px,100%)}.qr-code-heading{border-bottom:1px solid #ded5c9;justify-content:space-between;align-items:flex-start;gap:18px;padding:25px 28px 18px;display:flex}.qr-code-heading h3{margin:6px 0 3px;font-family:Georgia,Songti SC,serif;font-size:30px;font-weight:500}.qr-code-heading p{color:#8e867d;text-overflow:ellipsis;white-space:nowrap;max-width:300px;margin:0;font-size:13px;overflow:hidden}.qr-code-body{place-items:center;padding:28px 28px 8px;display:grid}.qr-code-message{color:#8e867d;text-align:center;width:100%;padding:46px 0;font-size:13.5px}.qr-code-message.error{color:#c0563b}.qr-code-card{aspect-ratio:1;background:#ffffffbd;border:1px solid #d7ccbe;place-items:center;width:min(300px,100%);padding:16px;display:grid;position:relative;box-shadow:0 15px 30px #41332614}.qr-code-image{object-fit:contain;width:100%;height:100%;display:block}.qr-code-brand{background:#1f1d1a;border:6px solid #fbf7ef;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 7px #1f1b1733}.qr-code-brand img{width:100%;height:100%;display:block}.qr-code-actions{justify-content:center;padding:18px 28px 26px;display:flex}.qr-code-actions .primary-action{width:100%}.qr-code-actions .primary-action:disabled{cursor:not-allowed;opacity:.55}.visit-records-modal{width:min(820px,100%)}.visit-records-heading{border-bottom:1px solid #ded5c9;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;padding:25px 28px 20px;display:grid}.visit-records-heading h3{margin:6px 0 3px;font-family:Georgia,Songti SC,serif;font-size:32px;font-weight:500}.visit-records-heading p{color:#8e867d;text-overflow:ellipsis;white-space:nowrap;max-width:420px;margin:0;font-size:13px;overflow:hidden}.visit-records-summary{text-align:center;background:#ffffffa6;border:1px solid #ddd0c2;border-radius:8px;gap:2px;min-width:90px;padding:9px 13px;display:grid}.visit-records-summary small{color:#95897d;font-size:10.5px}.visit-records-summary strong{color:#7d3f16;font-family:SFMono-Regular,Consolas,monospace;font-size:22px}.visit-table-wrap{min-height:230px;padding:20px 28px 28px;overflow:auto}.visit-records-table{border-collapse:collapse;table-layout:fixed;width:100%}.visit-records-table th,.visit-records-table td{text-align:left;border-bottom:1px solid #e4dbcf;padding:12px 14px}.visit-records-table th{color:#8c8176;background:#f2ebe2;font-size:11px;font-weight:700}.visit-records-table td{color:#504840;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.visit-records-table th:first-child,.visit-records-table td:first-child{width:43%}.visit-records-table th:last-child,.visit-records-table td:last-child{width:22%}.visit-records-message{color:#948a80;place-items:center;min-height:190px;font-size:13px;display:grid}.visit-records-message.error{color:#9d5148}.aggregate-modal{background:radial-gradient(circle at 92% 0,#ef6e4317,#0000 27%),#fbf7f0;border:1px solid #ffffff80;border-radius:16px;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 44px);animation:.2s ease-out modal-in;display:flex;overflow:hidden;box-shadow:0 28px 70px #1914104d}.aggregate-heading{border-bottom:1px solid #ded5c9;justify-content:space-between;align-items:flex-start;gap:18px;padding:25px 28px 18px;display:flex}.aggregate-heading h3{margin:6px 0 3px;font-family:Georgia,Songti SC,serif;font-size:32px;font-weight:500}.aggregate-heading p{color:#8e867d;max-width:420px;margin:0;font-size:13px}.aggregate-table-wrap{min-height:230px;padding:20px 28px 28px;overflow:auto}.aggregate-table{border-collapse:collapse;width:100%}.aggregate-table th,.aggregate-table td{text-align:left;border-bottom:1px solid #e4dbcf;padding:12px 14px}.aggregate-table th{color:#8c8176;white-space:nowrap;background:#f2ebe2;font-size:11px;font-weight:700}.aggregate-table th button{color:inherit;font:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.aggregate-table th button span{color:#b7aca0;font-size:12px;line-height:1}.aggregate-table th button span.active{color:#d45c37}.aggregate-table td{color:#504840;font-family:SFMono-Regular,Consolas,monospace;font-size:12.5px}.aggregate-table td.aggregate-name{color:#3f3a34;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-family:inherit;font-weight:600;overflow:hidden}.aggregate-table td.aggregate-empty{color:#948a80;text-align:center;padding:46px 0;font-family:inherit}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.manager-heading{border-bottom:1px solid #ded5c9;justify-content:space-between;gap:20px;padding:26px 28px 20px;display:flex}.manager-heading h3,.save-receipt h3{margin:7px 0 6px;font-family:Georgia,Songti SC,serif;font-size:36px;font-weight:500}.manager-heading p,.save-receipt>p{color:#8e867d;margin:0;font-size:13.5px;line-height:1.6}.modal-close{color:#8e857c;cursor:pointer;background:#ffffffb3;border:1px solid #d4cabd;border-radius:50%;flex:none;width:30px;height:30px;font-size:27px}.manager-form{background:#efe8de66;border-bottom:1px solid #ded5c9;grid-template-columns:1fr 1fr;gap:12px;padding:20px 28px;display:grid}.manager-form label{gap:6px;display:grid}.manager-form label>span{color:#6f675f;font-size:12px;font-weight:700}.manager-form input{color:#39342f;background:#fffdf8;border:1px solid #d6cbbf;border-radius:5px;outline:0;width:100%;height:37px;padding:0 10px;font-size:13.5px}.manager-form .wide-field{grid-column:1/-1}.color-field>div{background:#fffdf8;border:1px solid #d6cbbf;border-radius:5px;align-items:center;gap:9px;height:37px;padding:4px 9px;display:flex}.color-field input[type=color]{background:0 0;border:0;width:26px;height:26px;padding:0}.color-field code{color:#777067;font-size:12px}.manager-add{color:#fffaf4;cursor:pointer;background:#28241f;border:0;border-radius:5px;align-self:end;place-items:center;height:37px;font-size:13.5px;line-height:1;display:inline-grid}.manager-list{gap:7px;padding:18px 28px 25px;display:grid}.manager-item{background:#ffffffa6;border:1px solid #ddd3c6;border-radius:6px;grid-template-columns:minmax(0,1fr) 36px auto;align-items:center;gap:11px;min-height:55px;padding:7px 9px;transition:border-color .18s,background .18s;display:grid}.manager-item:hover,.manager-item.is-selected{background:#fffaf4f0;border-color:#c9ab91}.manager-item-select{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:0;display:grid}.manager-item-select:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #da633e}.manager-item-icon{color:#fff;background:#8971a6;border-radius:50%;place-items:center;width:32px;height:32px;font-size:16.5px;display:grid}.manager-item-select p{gap:3px;min-width:0;margin:0;display:grid}.manager-item strong,.manager-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.manager-item strong{font-size:13.5px}.manager-item small{color:#918980;font-size:10.5px}.manager-current{color:#da633e;font-size:10.5px}.manager-delete{color:#9a7568;cursor:pointer;background:0 0;border:1px solid #d8cec2;border-radius:4px;padding:5px 7px;font-size:10.5px}.save-receipt{background:repeating-linear-gradient(90deg,#8b7c670e 0 1px,#0000 1px 42px),#fbf7ef;border-radius:26px;width:min(920px,100%);max-width:none;padding:48px 54px 46px;position:relative;box-shadow:0 34px 90px #18141059,inset 0 1px #ffffffe6}.save-receipt>.modal-close{color:#26211c;background:#ffffffb3;border-color:#d8cfc2;width:44px;height:44px;font-size:36px;font-weight:600;position:absolute;top:28px;right:30px}.receipt-kicker{color:#718d70;letter-spacing:.19em;align-items:center;gap:13px;font-family:SFMono-Regular,Consolas,monospace;font-size:19.5px;font-weight:700;display:flex}.receipt-kicker span{color:#fff;background:#769675;border-radius:50%;place-items:center;width:28px;height:28px;font-size:24px;display:grid}.save-receipt h3{color:#201d19;letter-spacing:-.04em;margin:26px 0 12px;font-family:Georgia,Songti SC,serif;font-size:clamp(48px,4.2vw,72px);font-weight:500}.save-receipt>p{color:#948b82;font-size:21px;line-height:1.7}.receipt-main{border-top:1px dashed #cfc3b4;border-bottom:1px dashed #cfc3b4;grid-template-columns:255px minmax(0,1fr);align-items:center;gap:46px;margin-top:38px;padding:38px 30px;display:grid}.receipt-qr-card{aspect-ratio:1;background:#ffffffbd;border:1px solid #d7ccbe;place-items:center;width:100%;padding:17px;display:grid;position:relative;box-shadow:0 15px 30px #41332614}.receipt-qr-image{object-fit:contain;width:100%;height:100%;display:block}.receipt-qr-brand{background:#1f1d1a;border:6px solid #fbf7ef;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 7px #1f1b1733}.receipt-qr-brand img{width:100%;height:100%;display:block}.receipt-project-info{gap:18px;min-width:0;display:grid}.receipt-project-name{gap:8px;margin-bottom:3px;display:grid}.receipt-project-name small,.receipt-project-info label>span{color:#938b82;font-size:16.5px}.receipt-project-name strong{color:#27231f;font-size:31.5px;line-height:1.35}.receipt-project-info label{gap:8px;display:grid}.receipt-copy-field{background:#ffffffb8;border:1px solid #d5cabb;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;height:54px;padding:0 15px 0 17px;display:grid}.receipt-copy-field code{color:#625b54;text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:18px;overflow:hidden}.receipt-copy-field button{color:#e45f39;cursor:pointer;background:0 0;border:0;font-size:18px;font-weight:700}.receipt-assets{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px;display:grid}.receipt-assets>div{background:#ffffff57;border:1px solid #d9cfc2;border-radius:10px;gap:14px;min-width:0;padding:19px 20px;display:grid}.receipt-assets small{color:#827970;align-items:center;gap:9px;font-size:16.5px;display:flex}.receipt-assets small i{background:#cbc2b6;border-radius:50%;flex:none;width:9px;height:9px}.receipt-assets strong{color:#4f4943;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;overflow:hidden}.receipt-actions{justify-content:flex-end;gap:12px;margin-top:36px;display:flex}.receipt-actions button{cursor:pointer;border-radius:8px;min-width:132px;height:50px;padding:0 24px;font-size:19.5px;font-weight:600}.secondary-action{color:#6f665d;background:0 0;border:1px solid #d4cabd}.primary-action{color:#fffaf4;background:#25211d;border:0}@media (width<=720px){.save-receipt{border-radius:20px;padding:38px 24px 28px}.save-receipt>.modal-close{top:20px;right:20px}.receipt-main{grid-template-columns:1fr;gap:28px;padding:30px 0}.receipt-qr-card{justify-self:center;width:min(280px,100%)}.receipt-assets{grid-template-columns:1fr}.receipt-actions{grid-template-columns:1fr 1fr;display:grid}.receipt-actions button{min-width:0;padding:0 12px}}.toast{z-index:150;color:#fffaf3;background:#28241f;border:1px solid #fff3;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #221b163d}.toast span{color:#70bb87}.studio-shell{background:#181817}.public-preview-page{background:var(--phone-background,#f3e9de);width:100vw;height:100svh;min-height:0;display:block;position:relative;overflow:hidden}.public-project-message{place-items:center;padding:24px;display:grid}.public-project-message>div{color:#7d3f16;text-align:center;gap:9px;display:grid}.public-project-message strong{font-size:clamp(20px,4vw,38px)}.public-project-message span{opacity:.72;font-size:clamp(12px,1.8vw,16px)}.public-preview-ambient{display:none}.public-preview-turntable{width:100%;height:100%;min-height:0}.public-preview-turntable .turntable{width:min(1120px,100%)}.public-phone-stage{background:var(--phone-background,#f3e9de);width:100%;height:100%;min-height:0;display:block}.public-browser-bar{color:#f7f7f7;text-align:center;background:#111214;grid-template-columns:1fr auto 1fr;align-items:center;min-height:clamp(66px,12vh,104px);padding:12px clamp(16px,4vw,58px);display:grid}.public-browser-bar>div{gap:3px;display:grid}.public-browser-bar strong{letter-spacing:.01em;font-size:clamp(18px,3vw,34px);font-weight:500}.public-browser-bar small{color:#aeb0b5;font-size:clamp(11px,1.45vw,16px)}.public-browser-close,.public-browser-more{color:#f3f3f3;font-size:clamp(28px,4vw,44px);line-height:1}.public-browser-close{justify-self:start;font-weight:200}.public-browser-more{letter-spacing:.16em;justify-self:end;font-size:clamp(20px,2.8vw,32px)}.public-screen{width:100%;height:100%;min-height:0;position:relative}.public-content-screen{color:#f7f0e8;background:var(--phone-background,#f3e9de);width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.public-content-screen.has-photo-background{background-image:linear-gradient(145deg, #1f18131f, #1f181309), var(--phone-background-image);background-position:50%;background-repeat:no-repeat;background-size:cover}.public-content-screen .phone-full-preview{width:100%;height:100%;padding:0;inset:0;container-type:size}.public-content-screen .phone-full-preview .turntable{border-radius:0;width:min(100cqw,190cqh);max-width:none;height:min(100cqh,52.6316cqw);max-height:none}.topbar{color:#f4efe8;background:#181817f5;border-bottom-color:#32312e;height:72px;box-shadow:0 8px 28px #0003}.brand-lockup small,.sync-state{color:#8f8d87}.topnav button{color:#85837e}.topnav button.active{color:#fffaf3}.avatar{color:#d8d0c5;background:#2a2927;border-color:#55524d}.workspace{background:#181817;grid-template-columns:minmax(430px,34%) 1fr;gap:10px;min-height:calc(100vh - 72px);padding:10px}.editor-panel,.preview-panel{border:1px solid #ffffff14;border-radius:18px;box-shadow:0 24px 50px #00000024}.editor-panel{background:radial-gradient(circle,#464c5012 1px,#0000 1.2px) 8px 8px/24px 24px,linear-gradient(135deg,#ffffffd1,#0000 56%) 50%,#e5e7e8 50%;border-right:1px solid #ffffff14;padding:32px 34px 26px}.preview-panel{background:radial-gradient(circle at 51% 46%,#6356482b,#0000 35%) 50%,radial-gradient(circle,#d6c2ac1a 1px,#0000 1.2px) 8px 8px/29px 29px,#141513 50%;padding:30px 34px 22px}.panel-heading h1,.preview-heading h2{letter-spacing:.02em}.panel-heading h1{color:#25231f}.preview-heading{border-bottom:1px solid #ffffff12;padding:0 2px 18px}.form-section{border-top-color:#4b433929}.upload-card,.choice-card{background:#fffdf9d1;border-color:#5b4f422b;border-radius:10px;box-shadow:0 7px 18px #4435270a}.upload-card:hover,.upload-card.is-dragging,.choice-card:hover{border-color:color-mix(in srgb, var(--style-accent) 58%, #9a8572);background:#fffdf9;box-shadow:0 10px 24px #44352714}.select-wrap{background:#f8f5ef;border-color:#5b4f422e;border-radius:6px}.device-switch{background:#0e0f0e;border-color:#3a3a37;border-radius:999px;padding:4px}.device-switch button{border-radius:999px;height:30px;padding:0 12px}.device-switch button.active{color:#211f1c;background:#f0ebe3;box-shadow:0 4px 14px #00000042}.preview-statusbar{background:#1b1b19eb;border-color:#383733;border-radius:11px}.save-button{background:#1b1b19;border-radius:8px}.style-quick-picks{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:6px;margin-top:8px;display:grid}.style-quick-picks button{cursor:pointer;background:#fffdf9;border:1px solid #53493e29;border-radius:7px;gap:4px;min-width:0;padding:4px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.style-quick-picks button:hover{border-color:color-mix(in srgb, var(--style-accent) 62%, #897765);transform:translateY(-1px)}.style-quick-picks button.active{border-color:var(--style-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--style-accent) 18%, transparent)}.style-quick-picks button>span{aspect-ratio:1.9;background-color:#f5f0e8;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:4px;width:100%;height:auto;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #241f1b14}.style-quick-picks small{color:#71695f;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.photo-turntable{aspect-ratio:1.9;box-shadow:none;filter:drop-shadow(0 28px 24px #00000047);background:0 0;border:0;border-radius:0;display:block;overflow:hidden;transform:none}.photo-turntable:before{display:none}.photo-turntable-art{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.photo-vinyl-motion{aspect-ratio:1;z-index:2;pointer-events:none;border-radius:50%;width:52.4%;position:absolute;overflow:hidden}.photo-custom .photo-vinyl-motion{top:3.2%;left:6.7%}.photo-vinyl-motion:before{content:"";opacity:0;background:conic-gradient(from 18deg, transparent 0 13%, #ffffff29 18%, transparent 25% 62%, #ffffff14 70%, transparent 79%);mix-blend-mode:screen;transform-origin:50%;border-radius:50%;transition:opacity .25s;position:absolute;inset:2%}.playing .photo-vinyl-motion:before{opacity:.46}.photo-label-zone{aspect-ratio:1;z-index:2;transform-origin:50%;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:17.2%;position:absolute;top:33%;left:24.4%;overflow:hidden;box-shadow:0 1px 4px #00000038}.photo-label-zone .spindle{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#f8f4ec,#a69b8d 44%,#423d37 72%);border-radius:50%;width:5%;position:absolute;top:47.5%;left:47.5%;box-shadow:0 1px 2px #0000005c}.tonearm{transition:transform 1.65s cubic-bezier(.22,.8,.18,1)}.playing .tonearm{transform:rotate(-34deg)}.photo-tonearm{z-index:6;filter:drop-shadow(2px 4px 3px #00000047);transform-origin:50% 6%;width:3.5%;height:57%;transition:transform 1.65s cubic-bezier(.22,.8,.18,1);position:absolute;top:16.2%;left:60.4%;transform:rotate(0)}.photo-tonearm:before{content:"";background:linear-gradient(90deg,#817d78,#f5f1ea 42%,#99948e 68%,#5e5b57);border:1px solid #534f4a8f;border-radius:999px;width:30%;height:88%;position:absolute;top:7%;left:35%;box-shadow:inset 1px 0 #ffffffb8}.photo-tonearm:after{content:"";background:linear-gradient(135deg,#ddd7ce,#77716a 55%,#2f2d2b);border:1px solid #3b3733a8;border-radius:4px 4px 8px 8px;width:88%;height:12%;position:absolute;bottom:0;left:6%;transform:rotate(-8deg);box-shadow:0 3px 7px #00000047}.photo-tonearm i{aspect-ratio:1;background:radial-gradient(circle at 38% 33%,#f7f2eb,#aaa49d 58%,#625e59);border:1px solid #48444094;border-radius:50%;width:78%;position:absolute;top:0;left:11%;box-shadow:0 3px 7px #00000040,inset 0 0 0 3px #ffffff42}.photo-turntable.playing .photo-tonearm{transform:rotate(25deg)}.photo-display{z-index:5;color:#f6e9da;background:radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--style-accent) 34%, transparent), transparent 58%), #121110ed;text-align:left;cursor:default;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:space-between;padding:12px 14px 10px;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 20px #ffffff08,0 8px 18px #00000029}.photo-custom .photo-display{width:25.1%;height:25%;top:10.7%;left:71.7%}.photo-display video{object-fit:cover;width:100%;height:100%}.photo-display .waveform{height:55%}.photo-controls,.photo-hotspots{z-index:7;grid-template-columns:1fr 1fr;gap:5px;display:grid;position:absolute}.photo-custom .photo-hotspots{width:25.2%;height:27%;top:44.4%;left:71%}.photo-hotspots button{outline-offset:3px;color:#0000;cursor:pointer;background:0 0;border:0;border-radius:10px}.photo-hotspots button:focus-visible{outline:2px solid var(--style-accent)}.photo-custom .photo-controls{width:25.2%;height:27%;top:44.4%;left:71%}.photo-control{color:#eee8df;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#1a1816d6;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;transition:transform .18s,background .18s,color .18s;display:flex;box-shadow:inset 0 0 0 2px #ffffff06,0 8px 18px #0000002e}.photo-control:hover{background:#0c0c0bf0;transform:translateY(-2px)}.photo-control span{font-size:clamp(21px,1.8vw,37.5px)}.photo-control small{color:#9b938a;letter-spacing:.12em;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(7.5px,.52vw,12px)}.photo-control.liked{color:#f07a54}.photo-progress{z-index:6;color:#403831ad;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;display:grid;position:absolute}.photo-custom .photo-progress{width:25%;top:74%;left:71%}.photo-progress>i{background:#241f1b38;border-radius:4px;height:2px;overflow:hidden}.photo-progress>i b{background:var(--style-accent);height:100%;transition:width .3s;display:block}.phone-full-preview .photo-turntable{aspect-ratio:1.9;width:auto;max-width:100%;height:calc(100% - 8px);max-height:100%;box-shadow:none;filter:none;background:0 0;border-radius:0}.phone-full-preview .photo-display{border-radius:10px;padding:7px 8px 6px}.phone-full-preview .photo-control{border-radius:6px;gap:3px}.phone-full-preview .photo-control span{font-size:15px}.phone-full-preview .photo-control small,.phone-full-preview .photo-display .screen-label,.phone-full-preview .photo-display .screen-time,.phone-full-preview .photo-progress{font-size:6px}.photo-turntable.photo-circuit,.phone-full-preview .photo-turntable.photo-circuit{--deck-ratio:1.86049;aspect-ratio:3014/1620}.photo-circuit .photo-turntable-art{z-index:1}.photo-circuit .photo-vinyl-motion{z-index:3;transform-origin:50%;will-change:transform;background-image:url(/vinyl-player/turntables/circuit-deck-armfree-clean.png);background-position:22.81% 47.94%;background-repeat:no-repeat;background-size:240.1% 129.08%;width:41.65%;top:10.8%;left:13.3%}.photo-circuit .photo-vinyl-motion:before{opacity:0;background:conic-gradient(from 14deg, transparent 0 10%, #fff4dd29 15%, transparent 22% 57%, #ffffff1a 65%, transparent 72%), repeating-radial-gradient(circle, transparent 0 2.4%, #ebe2cf0d 2.55% 2.75%, transparent 2.9% 4.9%);mix-blend-mode:screen;inset:1.5%}.photo-circuit.playing .photo-vinyl-motion:before{opacity:.54}.circuit-label-motion{aspect-ratio:1;z-index:4;transform-origin:50%;will-change:transform;pointer-events:none;border-radius:50%;width:14.45%;position:absolute;top:36.15%;left:26.9%;overflow:hidden}.circuit-label-motion.has-custom-label{width:14.8%;top:35.82%;left:26.725%}.circuit-label-face{border-radius:inherit;transform-origin:50%;background-image:url(/vinyl-player/turntables/circuit-deck-armfree-clean.png);background-position:31.44% 49.44%;background-repeat:no-repeat;background-size:692.05% 372.08%;width:100%;height:100%;position:relative;overflow:hidden}.circuit-label-face.is-custom{background-image:none;background-position:50%;background-size:cover}.vinyl-label-image{object-fit:cover;object-position:center;transform-origin:50%;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.4)}.circuit-label-face .spindle{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#f8f4ec,#a69b8d 44%,#423d37 72%);border:0;width:5%;top:47.5%;left:47.5%}.circuit-tonearm-art{pointer-events:none;z-index:6;object-fit:contain;transform-origin:55.3% 20.8%;-webkit-user-select:none;user-select:none;width:auto;height:82%;transition:transform 1.65s cubic-bezier(.22,.8,.18,1);position:absolute;top:2.8%;left:40.4%;transform:rotate(-5deg)}.photo-circuit.playing .circuit-tonearm-art{transform:rotate(11.06deg)}.circuit-needle-contact{aspect-ratio:1;z-index:7;opacity:0;filter:blur(.2px);pointer-events:none;background:radial-gradient(circle,#ffe8b0f0 0 12%,#e1ac467a 23%,#0000 68%);border-radius:50%;width:1.15%;transition:opacity .22s,transform .22s;position:absolute;top:75.3%;left:50.1%;transform:scale(.45)}.photo-circuit.playing .circuit-needle-contact{opacity:.82;transition-delay:1.4s;transform:scale(1)}.photo-circuit .photo-display,.phone-full-preview .photo-circuit .photo-display{aspect-ratio:1;z-index:8;width:14.75%;height:auto;box-shadow:none;background:#070807;border:0;border-radius:50%;justify-content:center;padding:3% 1.25%;top:17.75%;left:75.08%}.photo-circuit .photo-display .screen-label,.photo-circuit .photo-display .screen-time{display:none}.photo-circuit .photo-display .waveform{filter:drop-shadow(0 0 4px #e7b55242);gap:1px;width:82%;height:36%;margin:auto}.photo-circuit .photo-display .waveform i{transform-origin:50%;background:linear-gradient(#ffe09a,#b87821);width:1.5px}.photo-circuit.playing .photo-display .waveform i{opacity:1;filter:drop-shadow(0 0 2px #ffd27485)}.circuit-play-hotspot{z-index:10;outline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:11%;width:7.45%;height:14.45%;padding:0;transition:transform .14s,background .2s,box-shadow .2s,filter .2s;position:absolute;top:47.25%;left:75.02%;box-shadow:inset 0 0 #ffe09a00}.circuit-play-hotspot:hover{background:#ffe09a09}.circuit-play-hotspot:active{background:#ffe09a14;transform:translateY(3%)scale(.985);box-shadow:inset 0 5px 10px #00000047,0 0 12px #ebba582e}.circuit-play-hotspot:focus-visible{outline:2px solid #e2b257}.circuit-effect-hotspot{z-index:10;outline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:11%;width:7.45%;height:14.45%;padding:0;transition:transform .14s,background .2s;position:absolute;top:47.25%;left:83.05%}.circuit-effect-hotspot:active{background:#ffe09a14;transform:translateY(3%)scale(.985)}.circuit-effect-hotspot:focus-visible{outline:2px solid #e2b257}.photo-circuit.playing .circuit-play-hotspot{background:radial-gradient(circle,#ffde921c,#0000 72%);box-shadow:inset 0 2px 8px #00000029,0 0 16px #e1ab422e}.photo-circuit .photo-progress{z-index:9;color:#5b4a2fd1;gap:5px;width:10.8%;font-size:clamp(6px,.46vw,10.5px);top:36.4%;left:77.2%}.photo-circuit .photo-progress>i{background:#362b1b33;border-radius:999px;height:2px}.photo-circuit .photo-progress>i b{border-radius:inherit;background:linear-gradient(90deg,#b97a28,#f1c66b);transition:width .25s linear;box-shadow:0 0 5px #e0a63b3d}.phone-full-preview .photo-circuit .photo-progress{font-size:4.5px}.photo-turntable.photo-warm,.phone-full-preview .photo-turntable.photo-warm{--deck-ratio:1.77683;aspect-ratio:1672/941}.photo-warm .photo-turntable-art{z-index:1}.warm-vinyl-motion{aspect-ratio:1;z-index:3;transform-origin:50%;will-change:transform;pointer-events:none;border-radius:50%;width:40.7%;position:absolute;top:14%;left:15.42%;overflow:hidden;transform:rotate(0)}.warm-vinyl-art{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.warm-label-face{aspect-ratio:1;z-index:2;background-color:#ecd5b9;background-position:50%;background-repeat:no-repeat;background-size:105%;border:1px solid #ef7a5257;border-radius:50%;width:36%;position:absolute;top:32%;left:32%;overflow:hidden;box-shadow:0 0 0 2px #ffe8caa8,0 2px 5px #130f0c4d}.warm-label-face .vinyl-label-image,.circuit-label-face .vinyl-label-image{z-index:0}.warm-label-face .spindle,.circuit-label-face .spindle{z-index:1}.warm-label-face .spindle{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#fff9ef,#aea092 42%,#4a423c 72%);border:0;width:6%;top:47%;left:47%}.warm-tonearm-art{z-index:6;object-fit:contain;filter:drop-shadow(2px 5px 3px #4931223d);transform-origin:56.4% 17.95%;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:84%;transition:transform 1.65s cubic-bezier(.22,.8,.18,1);position:absolute;top:10.8%;left:45.4%;transform:rotate(-22deg)}.photo-warm.playing .warm-tonearm-art{transform:rotate(10deg)translateY(.35%)}.warm-needle-contact{aspect-ratio:1;z-index:7;opacity:0;filter:blur(.2px);pointer-events:none;background:radial-gradient(circle,#fff7ddfa 0 13%,#f48f5b8f 24%,#0000 68%);border-radius:50%;width:1.08%;transition:opacity .22s,transform .22s;position:absolute;top:80.2%;left:49.2%;transform:scale(.42)}.photo-warm.playing .warm-needle-contact{opacity:.88;transition-delay:1.4s;transform:scale(1)}.photo-warm .photo-display,.phone-full-preview .photo-warm .photo-display{z-index:8;width:20.2%;height:20.6%;box-shadow:none;background:#0d0d0d;border:0;border-radius:14%;justify-content:center;padding:2.5% 1.6%;top:19.75%;left:68.88%}.photo-warm .photo-display .screen-label,.photo-warm .photo-display .screen-time{display:none}.photo-warm .photo-display .waveform{filter:drop-shadow(0 0 4px #ee9b6638);gap:1px;width:84%;height:48%;margin:auto}.photo-warm .photo-display .waveform i{transform-origin:50%;background:linear-gradient(#ffc092,#d66d45);border-radius:99px;width:1.5px}.photo-warm.playing .photo-display .waveform i{opacity:1;filter:drop-shadow(0 0 2px #ffb48085)}.warm-play-hotspot{z-index:10;outline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:7%;width:10.15%;height:24.45%;padding:0;transition:transform .14s,background .2s,box-shadow .2s,filter .2s;position:absolute;top:43.1%;left:68.93%;box-shadow:inset 0 0 #ffc29800}.warm-play-hotspot:hover{background:#ffc29809}.warm-play-hotspot:active{background:#ffb78913;transform:translateY(2.5%)scale(.988);box-shadow:inset 0 6px 12px #0000003d,0 0 14px #ee8f582e}.warm-play-hotspot:focus-visible{outline:2px solid #ed9d6b}.warm-effect-hotspot{z-index:10;outline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:7%;width:10.15%;height:24.45%;padding:0;transition:transform .14s,background .2s;position:absolute;top:43.1%;left:79.25%}.warm-effect-hotspot:active{background:#ffb78913;transform:translateY(2.5%)scale(.988)}.warm-effect-hotspot:focus-visible{outline:2px solid #ed9d6b}.photo-warm.playing .warm-play-hotspot{background:radial-gradient(circle,#ffbf911a,#0000 72%);box-shadow:inset 0 3px 9px #00000024,0 0 18px #e88d562e}.photo-warm .photo-progress{z-index:9;color:#714c37c7;gap:5px;width:20.2%;font-size:clamp(6px,.46vw,10.5px);top:34.6%;left:68.88%}.photo-warm .photo-progress>i{background:#4b34272e;border-radius:999px;height:2px}.photo-warm .photo-progress>i b{border-radius:inherit;background:linear-gradient(90deg,#dc744d,#f4b07d);transition:width .25s linear;box-shadow:0 0 5px #de734838}.phone-full-preview .photo-warm .photo-progress{font-size:4.5px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (width<=1120px){.workspace{grid-template-columns:minmax(400px,40%) 1fr}.editor-panel{padding-left:28px;padding-right:28px}.preview-panel{padding-left:24px;padding-right:24px}.preview-actions{flex-direction:column;align-items:flex-end;gap:7px}.turntable{width:100%}}@media (width<=880px){.topbar{grid-template-columns:1fr auto}.topnav{display:none}.workspace{display:block}.editor-panel{border-bottom:1px solid #d9d0c4;border-right:0}.preview-panel{min-height:700px}}@media (width<=620px){.public-preview-turntable{width:98vw}.topbar{height:64px;padding:0 18px}.sync-state{display:none}.editor-panel{padding:27px 20px 24px}.preview-panel{min-height:620px;padding:25px 14px 18px}.preview-heading{flex-direction:column}.preview-actions{flex-direction:row;justify-content:space-between;align-items:stretch;width:100%}.preview-stage{min-height:460px}.turntable{aspect-ratio:1.55}.deck-right{padding:22px 18px 18px}.display-screen{min-height:95px}.tonearm{height:50%}.preview-statusbar{grid-template-columns:1fr auto}.preview-statusbar .status-separator,.preview-statusbar>p{display:none}.iphone-shell{width:100%}.manager-form{grid-template-columns:1fr}.manager-form .wide-field{grid-column:auto}.manager-item{grid-template-columns:34px 1fr auto}.manager-current{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.turntable.photo-turntable{-webkit-backdrop-filter:none!important;background:0 0!important}.asset-card-row{display:block}.upload-action-group{flex:none;align-items:center;gap:12px;display:inline-flex}.upload-action{color:#dd633f;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px;font-weight:700;line-height:1}.upload-action:hover,.upload-action:focus-visible{color:#b94d31}.upload-action-delete{color:#dd633f}.music-file-field{text-align:left;gap:8px;display:grid}.music-file-title{color:#6f675f;text-align:left;justify-self:start;font-size:12px;font-weight:700}.music-file-controls{align-items:center;gap:10px;min-width:0;display:flex}.music-file-button{color:#fff;cursor:pointer;background:#28241f;border:0;border-radius:5px;place-items:center;min-width:132px;height:37px;padding:0 16px;font-size:13.5px;font-weight:700;line-height:1;transition:background .2s,transform .2s;display:inline-grid}.music-file-button:hover{background:#3a332c}.music-file-button:active{transform:translateY(1px)}.music-file-button input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.music-file-field small{color:#7d3f16;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:100%;overflow:hidden}.public-content-screen .phone-full-preview .turntable,.public-content-screen .phone-full-preview .photo-turntable{width:min(100cqw, calc(100cqh * var(--deck-ratio,1.9)));height:min(100cqh, calc(100cqw / var(--deck-ratio,1.9)));max-width:none;max-height:none;aspect-ratio:var(--deck-ratio,1.9)}@media (orientation:portrait){.public-preview-turntable{transform-origin:0 0;width:100svh;height:100vw;position:fixed;top:0;left:100vw;transform:rotate(90deg)}}.music-file-button,.music-file-button span,.music-file-button strong{color:#fff!important;opacity:1!important}.turntable,.turntable *,.turntable :before,.turntable :after,.photo-turntable,.photo-turntable *,.photo-turntable :before,.photo-turntable :after,.phone-full-preview .photo-turntable,.phone-full-preview .photo-turntable *{-webkit-backdrop-filter:none!important;filter:none!important;box-shadow:none!important}.photo-warm .warm-label-face{width:36%;height:36%;box-shadow:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:50%;top:32%;left:32%}.photo-circuit .photo-vinyl-motion{transform-origin:50%;will-change:transform;background-position:22.81% 47.94%}