/* A113 Studio · glass surfaces with opaque fallbacks */
:root{color-scheme:light;--ink:#28262c;--muted:#79757f;--line:rgba(86,64,70,.11);--paper:#f5f3f4;--green:#ef2339;--lime:#fff;--glass:rgba(255,255,255,.64);--edge:rgba(255,255,255,.85);--shadow:0 12px 40px rgba(62,36,44,.045),inset 0 1px 0 rgba(255,255,255,.95)}
html{background:#f5f3f4;scroll-padding-top:140px}body{background:radial-gradient(ellipse at 0% 3%,#ffdbdeaa,transparent 36%),radial-gradient(ellipse at 100% 29%,#e4deed99,transparent 42%),radial-gradient(ellipse at 40% 90%,#ffe8e4aa,transparent 43%),#f6f4f5;background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased;min-width:300px}body::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff28,transparent 40%,#ffffff38);z-index:-1}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}header{position:sticky;top:0;z-index:20;min-height:84px;height:auto;padding:15px 36px;gap:24px;background:rgba(255,255,255,.73);border-bottom:1px solid rgba(255,255,255,.95);box-shadow:0 4px 30px #51232f04;-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%)}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:20px;font-weight:750;letter-spacing:-.8px;flex-shrink:0}.brand-logo{display:block;width:74px;height:28px;object-fit:contain}.brand-name{display:flex;gap:5px;align-items:baseline}.brand-name em{font-style:normal;font-weight:450;color:#7d727a}.brand span{display:initial;background:none;color:inherit;border-radius:0;margin:0;width:auto;height:auto;font-size:inherit;letter-spacing:inherit}nav{gap:5px;background:#f0e9ec80;padding:4px;border:1px solid #ffffffb3;border-radius:16px;align-items:center}nav button{font-size:12px;min-height:42px;padding:10px 16px;color:#7a7079;border-radius:12px;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}nav button.active{color:#d9253a;background:linear-gradient(155deg,#ffffffed,#ffffffad);box-shadow:0 3px 9px #6e364b0c,inset 0 1px #fff}nav button:hover{background:#ffffff8c}nav .textbtn{margin-left:0!important;color:#81747c;min-width:48px;padding-left:11px;padding-right:11px}.studio{color:#8b7f87;white-space:nowrap;font-size:10px}.dot{background:#ec4357;box-shadow:0 0 0 4px #f14c5d0d}main{max-width:1370px;padding:36px 36px 50px}.heading{margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a18a95}h1{font-size:34px;letter-spacing:-1.4px;font-weight:650}.heading p{font-size:13px;color:#8e7f88}.tag{border-color:#ffffffd9;background:#ffffff72;color:#9a7886;box-shadow:inset 0 1px 0 white;font-size:10px;backdrop-filter:blur(16px)}.layout{gap:24px;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)}.card{border:1px solid var(--edge);background:var(--glass);border-radius:23px;padding:25px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%);margin-bottom:17px}.section-title{font-size:15px;font-weight:600;gap:12px;margin-bottom:22px}.step{width:27px;height:27px;font-size:10px;background:#ffffff85;color:#b17b8a;border:1px solid #fff;box-shadow:0 2px 7px #8f385608}label,.label{font-size:11px;color:#72646e}input,textarea,select{border:1px solid #d7cbd365;border-radius:12px;background:#ffffff86;min-height:46px;padding:12px 14px;box-shadow:inset 0 1px 2px #58384c03;color:#3e333d}input::placeholder,textarea::placeholder{color:#afa1aa;font-size:12px}input:focus,textarea:focus,select:focus{border-color:#e88696;box-shadow:0 0 0 4px #ff70800e;background:#ffffffc9}input,select,textarea{scroll-margin-top:150px}.number-wrap span{color:#ba9ba8;left:15px;top:12px}.number-wrap input{padding-left:36px}.sizes{gap:8px}.size{min-width:46px;min-height:44px;border-radius:12px;border:1px solid #ffffffd9;background:#ffffff80;box-shadow:0 2px 4px #8c415006}.size.selected{background:linear-gradient(150deg,#ff5062,#e82039);border-color:#ed455a88;box-shadow:0 5px 12px #e7324926,inset 0 1px #ffffff55;color:white}.swatch{width:30px;height:30px;position:relative;box-shadow:inset 0 1px 2px #ffffff66,0 2px 6px #38233210}.swatch::after{content:'';position:absolute;inset:-8px;border-radius:50%}.swatch.selected{outline-color:#dd7283;outline-offset:4px}.color-row{gap:18px;min-height:44px}.small{color:#95838e}.side-tabs{border:1px solid #ffffffc9;background:#e8dee54d;border-radius:14px;padding:4px;gap:4px}.side-tabs button{min-height:44px;border-radius:10px;font-size:12px;color:#9b8490}.side-tabs button.active{color:#b13047;background:linear-gradient(140deg,#fffe,#ffffffa8);box-shadow:0 3px 9px #8f4b610c}.library-head{gap:10px;flex-wrap:wrap}.textbtn{color:#cb3e56;font-size:11px;min-height:44px;padding:10px 5px}.print-grid{gap:11px;grid-template-columns:repeat(4,minmax(0,1fr))}.print-option{background:#ffffff72;border:1px solid #ffffffee;border-radius:15px;padding:7px;box-shadow:0 3px 10px #59364604;transition:background .15s,border-color .15s}.print-option:hover{background:#ffffffbc;border-color:#efbbc5}.print-option.selected{border:1px solid #f17c8d;background:#fff6f8c2;box-shadow:0 0 0 2px #f15a7010,inset 0 1px #fff}.art{border-radius:10px;background:linear-gradient(145deg,#f7f0f3aa,#f0ebefaa);box-shadow:inset 0 1px 0 #ffffff9e}.print-option .name{font-size:10px;color:#87717e;margin:10px 3px 5px}.tick{width:18px;height:18px;font-size:9px;right:11px;top:11px;background:#f13650;box-shadow:0 2px 6px #b4324821}.none-art{color:#c2a9b6}.selection-note{font-size:10px;color:#ac8999}.preview{background:linear-gradient(145deg,#ffffff7d,#f1e4ed70);border:1px solid #fff;border-radius:25px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(30px) saturate(120%);backdrop-filter:blur(30px) saturate(120%);top:110px}.preview-head{padding:24px 25px 0}.preview-head b{font-size:13px;font-weight:550}.preview-head span{font-size:8px;color:#af8d9e}.shirt-stage{height:320px}.shirt-stage svg.shirt{filter:drop-shadow(0 18px 15px #72536015)}.view-label{font-size:10px;color:#ad92a0}.preview-switch{gap:5px}.preview-switch button{font-size:11px;min-width:90px;min-height:40px;border-radius:11px;color:#997a8b}.preview-switch button.active{background:#ffffffc9;box-shadow:0 3px 10px #7f40510a,inset 0 1px white}.preview-info{background:#ffffff73;border:1px solid #fff;border-radius:16px;padding:18px;margin:23px;gap:17px}.preview-info span{color:#af929f;font-size:9px}.preview-info b{font-size:11px;color:#6f5665}.preview-foot{border-color:#ffffffa8;color:#b595a5;font-size:9px;line-height:1.6;padding:14px 23px}.primary{background:linear-gradient(155deg,#ff5062,#ed203b);border:1px solid #f0344a55;border-radius:13px;box-shadow:0 6px 15px #e9365022,inset 0 1px #ffffff66;min-height:47px;font-weight:550;padding:13px 22px}.primary:hover{background:linear-gradient(155deg,#ff6574,#ec2841);box-shadow:0 7px 18px #e9365030}.primary:active{transform:translateY(1px)}.primary .arrow{color:#fff9;margin-left:22px}button:focus-visible,a:focus-visible{outline:3px solid #ee7487;outline-offset:3px}.subtle{background:#ffffffa8;border-color:#fff;border-radius:12px;min-height:44px}.badge{background:#f6dce480;color:#b95d74;border:1px solid #ffffff66;font-size:9px;padding:3px 6px}.submit-row{margin-top:20px}.submit-row .small{font-size:10px}textarea{min-height:84px}.toast{background:#4c3547e8;color:white;backdrop-filter:blur(20px);border:1px solid #ffffff33;border-radius:17px;box-shadow:0 8px 30px #4c283727;bottom:calc(22px + env(safe-area-inset-bottom));font-size:12px;line-height:1.5}.order-card{gap:20px}.order-number{font-weight:600}.order-meta{color:#9b8492;line-height:1.6;overflow-wrap:anywhere}.order-card>div{min-width:0}.status{max-width:180px;border-color:#edc5d3;background:#fff9fbc9;font-size:12px}.upload-box{border-color:#e9aab9aa;background:#ffffff60;border-radius:21px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.upload-box h2{font-size:16px;font-weight:550}.upload-box p{color:#a28493}.library-item{padding:12px;border-radius:18px}.library-item b{font-size:12px;color:#705264;overflow-wrap:anywhere}.orders-top input,.orders-top select{background:#ffffff9c}.empty h2{font-weight:550}.empty p{font-size:13px}footer{max-width:1370px;padding:0 36px calc(26px + env(safe-area-inset-bottom));color:#b59aa9;font-size:9px}dialog{background:#fff5f9ed;border:1px solid white;box-shadow:0 25px 100px #5721372b;border-radius:25px;padding:27px;backdrop-filter:blur(30px);max-height:calc(100dvh - 36px);overflow:auto}dialog::backdrop{background:#42243455;backdrop-filter:blur(7px)}dialog h2{font-weight:550}dialog p{font-size:12px}.upload-preview{border:1px solid #fff;background:#fff8;border-radius:15px}.error-text{color:#be2d45}
#loginForm{border-radius:27px!important;border:1px solid #fff!important;background:rgba(255,255,255,.76)!important;box-shadow:0 20px 80px #9b496a13,inset 0 1px white!important;padding:32px!important;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}#loginForm::before{content:'';display:block;width:90px;height:32px;background:url('assets/a113-logo.svg') center/contain no-repeat;margin-bottom:23px}#loginForm h1{font-size:28px!important;font-weight:600;margin:8px 0}#loginForm p{font-size:12px}body>div:has(>#loginForm){background:radial-gradient(ellipse at 20% 20%,#ffdce5,transparent 50%),radial-gradient(ellipse at 90% 90%,#eadff0,transparent 60%),#f7f3f6!important}
@media(min-width:1400px){.shirt-stage{height:370px}}@media(max-width:1120px){.studio{display:none}header{padding:14px 25px;gap:18px}.layout{grid-template-columns:minmax(0,1fr) minmax(310px,.84fr)}.print-grid{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:30px 25px}.brand{font-size:18px}.brand-logo{width:65px;height:24px}nav button{padding:10px 12px}footer{padding-left:25px;padding-right:25px}}
@media(max-width:760px){html{scroll-padding-top:160px}header{padding:14px 16px 11px;gap:13px;flex-wrap:wrap}.brand{font-size:20px;gap:12px;min-height:30px}.brand-logo{width:67px;height:25px}header nav{width:100%;order:2;gap:3px;overflow-x:auto;scrollbar-width:none;padding:4px;border-radius:15px}header nav::-webkit-scrollbar{display:none}nav button{flex:1;min-width:max-content;font-size:11px;padding:10px 12px;min-height:42px}nav .textbtn{flex:0;min-width:44px;font-size:10px}main{padding:25px 15px 30px}.heading{margin-bottom:20px;gap:12px}.heading h1{font-size:29px;margin:9px 0;letter-spacing:-1px}.heading p{font-size:12px;max-width:270px;line-height:1.65}.heading .tag{display:none}.eyebrow{font-size:8px;letter-spacing:1.7px}.layout{display:flex;flex-direction:column;gap:14px}.layout form{display:contents}.layout form>.card:nth-child(1){order:1}.layout form>.card:nth-child(2){order:2}.layout>.right{order:3}.layout form>.card:nth-child(3){order:4}.card{padding:20px 17px;margin-bottom:0;border-radius:21px}.section-title{font-size:14px;margin-bottom:19px;gap:10px}.fields{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:12px}.fields>div{min-width:0}label,.label{font-size:11px}input,textarea,select{font-size:16px;min-height:48px;scroll-margin-top:165px}input::placeholder,textarea::placeholder{font-size:12px}.sizes{gap:7px;flex-wrap:wrap;margin-bottom:17px}.size{flex:1 0 42px;min-width:42px;max-width:65px;min-height:46px;font-size:12px}.color-row{gap:20px}.swatch{width:30px;height:30px}.side-tabs button{font-size:11px;min-height:45px}.side-tabs{margin-bottom:11px}.library-head{margin-bottom:10px;gap:3px}.library-head .small{font-size:10px}.textbtn{font-size:11px}.print-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.print-option{padding:6px;border-radius:13px}.print-option .name{font-size:10px;margin:9px 2px 4px}.tick{right:10px;top:10px}.art{border-radius:8px}.selection-note{margin-top:13px;font-size:10px}.preview{position:static;border-radius:22px}.preview-head{padding:19px 20px 0}.preview-head b{font-size:12px}.preview-head span{font-size:7px;letter-spacing:1px}.shirt-stage{height:230px;max-width:370px;margin:auto}.shirt-stage svg.shirt{width:93%}.shirt-print{width:26%;top:40%;height:33%}.view-label{margin-bottom:9px}.preview-switch button{min-height:44px;min-width:100px}.preview-info{display:grid;margin:16px 18px;padding:15px;gap:14px}.preview-info b{font-size:11px}.preview-foot{padding:12px 18px;font-size:9px;line-height:1.6;margin-top:0}.submit-row{flex-direction:column-reverse;align-items:stretch;gap:12px}.submit-row .primary{width:100%;min-height:52px;font-size:13px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:16px}.submit-row .primary .arrow{margin:0}.submit-row .small{text-align:center;font-size:10px}.section-title .small{font-size:9px}.heading>.primary{padding:11px 13px;font-size:10px;min-height:44px;flex-shrink:0;margin-top:19px}.orders-top{gap:9px;flex-wrap:wrap}.orders-top input{flex:1 1 170px;max-width:none;font-size:14px}.orders-top select{flex:1 1 140px;font-size:12px;max-width:none!important}#orderList{display:grid;gap:12px}.order-card{grid-template-columns:1fr auto;gap:15px;align-items:start}.order-number{font-size:19px}.order-card>div:nth-child(2){grid-column:1/-1;grid-row:2}.order-card .status{width:128px;max-width:128px;font-size:16px;min-height:44px;padding:9px}.order-meta{font-size:11px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-item{padding:10px 10px 13px;border-radius:17px}.library-item .art{aspect-ratio:1.05}.library-item b{font-size:11px}.upload-box{padding:20px;gap:17px;flex-direction:column;align-items:stretch;margin-bottom:18px}.upload-box h2{font-size:15px}.upload-box p{font-size:11px}.upload-box .primary{width:100%;min-height:48px}footer{padding:5px 18px calc(24px + env(safe-area-inset-bottom));font-size:8px;line-height:1.6;gap:20px}footer span:last-child{white-space:nowrap}dialog{padding:23px 20px;width:calc(100% - 26px);max-height:calc(100dvh - 26px);border-radius:23px}dialog h2{font-size:20px}dialog input[type=file]{font-size:12px;padding:12px 9px}.dialog-actions{gap:9px}.dialog-actions button{flex:1;padding-left:10px;padding-right:10px;font-size:11px;min-height:48px}#loginForm{padding:27px 22px!important}#loginForm input{font-size:16px}#loginForm .primary{font-size:13px;min-height:50px}.toast{bottom:calc(15px + env(safe-area-inset-bottom));width:calc(100% - 30px);text-align:center;padding:16px 18px}}
@media(max-width:360px){header{padding-left:11px;padding-right:11px}nav button{font-size:10px;padding:10px 8px}.badge{font-size:8px;margin-left:2px}.brand{font-size:18px}main{padding-left:10px;padding-right:10px}.card{padding:18px 14px}.print-grid{gap:7px}.fields{gap:9px}.size{min-width:41px}.library-head .small{font-size:9px}.preview-info{margin-left:14px;margin-right:14px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header{background:#faf5f8}.card{background:#fdfbfc}.preview{background:#f4edf3}.tag{background:#faf4f7}dialog{background:#fff8fb}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(prefers-contrast:more){:root{--muted:#64535f}.small,.preview-foot,.preview-info span,.selection-note{color:#715665}.card,.preview{background:#fffc;border-color:#d3b4c2}input,textarea,select{border-color:#b08c9e}}

.delete-print{display:block;width:100%;min-height:44px;margin-top:12px;padding:10px 12px;border:1px solid #f0bdc8;border-radius:11px;background:#fff5f8a8;color:#bd334c;font-size:11px;font-weight:550}.delete-print:hover{background:#ffe5eb;border-color:#e990a3}.delete-print:disabled{opacity:.5}.danger{background:linear-gradient(155deg,#f94861,#d92040)}#deletePrintDescription{overflow-wrap:anywhere;color:#5f4857;font-size:14px}

/* Studio · obsidian glass / red light */
:root{color-scheme:dark;--ink:#f3edf1;--muted:#a998a2;--line:#ffffff14;--paper:#100e12;--green:#fa2948;--lime:#fff;--glass:#211b22b8;--edge:#ffffff16;--shadow:0 18px 50px #0000002c,inset 0 1px 0 #ffffff0d}
html{background:#100e12}body{background:radial-gradient(ellipse at 0% 0%,#7e132c48,transparent 40%),radial-gradient(ellipse at 100% 25%,#bf15352b,transparent 38%),radial-gradient(ellipse at 25% 100%,#77122a24,transparent 45%),#100e12;color:var(--ink);background-attachment:fixed}body::before{background:linear-gradient(125deg,#ff486b04,transparent 45%,#ff2b4f07)}header{background:#151016c4;border-bottom-color:#ff849417;box-shadow:0 6px 35px #0003,inset 0 1px 0 #ffffff05}.brand{gap:15px}.brand-logo{filter:drop-shadow(0 0 12px #ff123a29)}.brand-name{font-size:20px;font-weight:500;letter-spacing:-.5px;color:#f8edf2}nav{background:#ffffff05;border-color:#ffffff0c}nav button{color:#9a8996}nav button.active{color:#ff6c84;background:linear-gradient(150deg,#e3446321,#ffffff08);box-shadow:inset 0 1px #ff9eb723,0 3px 15px #00000024}nav button:hover{background:#ffffff08}nav .textbtn{color:#a68c9c}.badge{color:#ff8298;background:#ff315820;border-color:#ff608219}.studio{color:#9b8493}.dot{background:#ff3b5c;box-shadow:0 0 14px #ff2b5b7a,0 0 0 4px #ff426014}.eyebrow{color:#a66d81}.heading p,p{color:#b09aa9}.tag{background:#3d18244d;border-color:#ff779a1c;color:#cc8fa2;box-shadow:inset 0 1px #ffffff08}.card{background:linear-gradient(145deg,#30232d86,#1b171ec9);border-color:#ffffff14;box-shadow:var(--shadow)}.section-title{color:#f0e4ec}.step{background:#ff3b5610;border-color:#ff658220;color:#db889d;box-shadow:inset 0 1px #ffffff08}label,.label{color:#c6b2c0}input,textarea,select{background:#100c1394;border-color:#d4aec520;color:#f5e8f1;box-shadow:inset 0 1px 3px #0002}input::placeholder,textarea::placeholder{color:#88717f}input:focus,textarea:focus,select:focus{background:#180f18;border-color:#e64c6f91;box-shadow:0 0 0 4px #ff2d530b}select option{background:#211820;color:#f5e8f1}.number-wrap span{color:#b87c94}.small{color:#ac8fa1}.size{background:#ffffff05;border-color:#ffffff10;color:#c6b1be;box-shadow:inset 0 1px #ffffff08}.size.selected{background:linear-gradient(150deg,#ff4567,#c9133a);border-color:#ff72977a;box-shadow:0 5px 20px #f21c4633,inset 0 1px #ffa5ba66;color:#fff}.swatch{border-color:#ffffff28;box-shadow:0 2px 8px #0003}.swatch.selected{outline-color:#ff5278}.side-tabs{background:#0e0a1059;border-color:#ffffff0c}.side-tabs button{color:#9d7e91}.side-tabs button.active{color:#ff94ad;background:linear-gradient(145deg,#f843651c,#ffffff05);box-shadow:inset 0 1px #ff9ab51a,0 3px 12px #0002}.textbtn{color:#ff6f90}.print-option{background:#1d151ea3;border-color:#ffffff12;box-shadow:0 5px 15px #0001}.print-option.selected{background:#501e2f4d;border-color:#e94870a8;box-shadow:0 0 0 2px #ff2f5c0d,inset 0 1px #ffb9cd12}.print-option:hover{background:#39203085;border-color:#dc527a6b}.art{background:linear-gradient(145deg,#3d303c8c,#2c252fa1);box-shadow:inset 0 1px #ffffff07}.print-option .name{color:#d5bccd}.none-art{color:#8b6278}.tick{background:#f02e58;box-shadow:0 0 12px #ff325448}.selection-note{color:#bb8da5}.preview{background:radial-gradient(ellipse at 85% 10%,#a5113521,transparent 70%),linear-gradient(140deg,#30212e85,#17121cc9);border-color:#ffffff14;box-shadow:var(--shadow)}.preview-head b{color:#e3ccd9}.preview-head span{color:#aa718b}.shirt-stage svg.shirt{filter:drop-shadow(0 20px 20px #0004)}.view-label{color:#bc90a5}.preview-switch button{color:#a78298}.preview-switch button.active{background:#ffffff0c;box-shadow:inset 0 1px #ffffff12,0 4px 12px #0001;color:#f2ccdc}.preview-info{background:#0c091059;border-color:#ffffff0b;box-shadow:inset 0 1px #ffffff04}.preview-info span{color:#a87f93}.preview-info b{color:#e3c4d6}.preview-foot{color:#a57d94;border-color:#ffffff09}.primary{background:linear-gradient(145deg,#ff3d61,#d01640);border-color:#ff54765c;box-shadow:0 8px 25px #e2224533,inset 0 1px #ffafc25c;color:white}.primary:hover{background:linear-gradient(145deg,#ff5978,#e5204c);box-shadow:0 8px 30px #ff264847}.primary .arrow{color:#ffccd6}.subtle{background:#ffffff07;border-color:#ffffff13;color:#d6bbcd}.toast{background:#281b27ef;border-color:#ff8bac24;color:#ffe8f0;box-shadow:0 12px 35px #0005}.order-number{color:#f6e6ef}.order-meta{color:#b58b9f}.status{background:#31152188;border-color:#e4547933;color:#f9b9cf}.upload-box{background:linear-gradient(125deg,#511d3140,#281e2c55);border-color:#ff65833d;box-shadow:var(--shadow)}.upload-box h2{color:#eed8e4}.upload-box p{color:#b88aa1}.library-item b{color:#ecd1e1}.orders-top input,.orders-top select{background:#171018b8}.empty h2{color:#e8cad9}.empty p{color:#a87f94}.library-empty{grid-column:1/-1;background:#2118238f}dialog{background:linear-gradient(145deg,#2c1b2bf5,#18121ef5);border-color:#ffffff1c;box-shadow:0 30px 100px #0008;color:#f5dfec}dialog::backdrop{background:#070409a6;backdrop-filter:blur(10px)}dialog p{color:#bca1b1}.upload-preview{background:#ffffff08;border-color:#ffffff10}.error-text{color:#ff8ca8}.delete-print{color:#ff9db3;background:#a8254b10;border-color:#e5537c30}.delete-print:hover{background:#f2365f20;border-color:#ff6f9266}#deletePrintDescription{color:#f0cede}.danger{background:linear-gradient(145deg,#fa3c63,#c91d47)}#loginForm{background:linear-gradient(145deg,#30202cdb,#18121cde)!important;border-color:#ffffff1c!important;box-shadow:0 20px 100px #0004,inset 0 1px #ffffff0d!important;color:#f5e4ee}#loginForm::before{filter:drop-shadow(0 0 14px #ff254a28)}body>div:has(>#loginForm){background:radial-gradient(ellipse at 0% 20%,#6d102d70,transparent 55%),radial-gradient(ellipse at 100% 100%,#bf173435,transparent 55%),#100c12!important}#loginForm p{color:#bd9dae}button:focus-visible,a:focus-visible{outline-color:#ff6588}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header{background:#1b111b}.card{background:#241923}.preview{background:#281a28}.tag{background:#341b2b}dialog{background:#231724}}
@media(prefers-contrast:more){:root{--muted:#dcc1d1}.small,.preview-foot,.preview-info span,.selection-note{color:#d2a5bd}.card,.preview{background:#231922;border-color:#9d5476}input,textarea,select{border-color:#ad6282}.print-option .name,.library-item b{color:#ffe3f1}}

/* Full visual renders + high-contrast white controls */
.render-stage{height:500px;max-height:65vh;min-height:290px;margin:20px 22px 14px;border:1px solid #ffffff13;border-radius:17px;background:radial-gradient(ellipse at top,#5b2b3e33,transparent 80%),#0f0c1280;display:grid;place-items:center;overflow:hidden}.render-image{display:block;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;object-position:center}.render-placeholder{text-align:center;padding:32px 20px;color:#d8bdcd}.render-placeholder>span{font-size:14px;font-weight:600}.render-placeholder p{font-size:12px;line-height:1.8;color:#a98a9d}.library-item .art{aspect-ratio:3/4}.print-option .art{aspect-ratio:3/4}.library-item .art img,.print-option .art img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.visual-side-label{display:block;margin:14px 0 7px;font-size:10px;color:#b996ac}.visual-side-select{font-size:12px;min-height:44px;padding:10px 9px;border-radius:10px}.primary,.primary:hover,.danger,.primary.danger{background:linear-gradient(155deg,#ffffff,#e9e7ed);color:#21151d;border-color:#ffffffb8;box-shadow:0 5px 18px #0003,inset 0 1px #fff}.primary:hover{background:#fff;box-shadow:0 6px 24px #ff31571b,0 4px 14px #0003}.primary .arrow{color:#5a3949}.subtle,.delete-print,.textbtn{background:#f5f2f6;color:#35202f;border:1px solid #fff9;box-shadow:0 3px 10px #0002;border-radius:11px}.textbtn{padding-left:13px;padding-right:13px}.subtle:hover,.delete-print:hover,.textbtn:hover{background:#fff;color:#1a1017;border-color:#fff}.delete-print{color:#9c2147}.size{background:#f1edf2;border-color:#fff8;color:#2e1f2b;box-shadow:inset 0 1px #fff}.size.selected{background:#fff;border-color:#fff;color:#b51b45;box-shadow:0 0 0 2px #f045713d,0 5px 16px #0003}.side-tabs button,.preview-switch button{background:#eeeaef;color:#4a3443;box-shadow:inset 0 1px #fff6}.side-tabs button.active,.preview-switch button.active{background:#fff;color:#b71f48;box-shadow:0 0 0 1px #fff7,0 4px 14px #0002}.side-tabs{gap:7px}.preview-switch{gap:7px}nav button{background:#eeeaf0;color:#50404f}nav button.active{background:#fff;color:#b81f49;box-shadow:0 2px 15px #0002}nav button:hover{background:#fff}nav .textbtn{background:#eeeaf0;color:#50394a}.print-option{background:#241924b8;border-color:#ffffff1a}.print-option.selected{background:#3b2031;border-color:#ff829f90}.print-option .name{color:#f0dce8}.swatch{box-shadow:0 1px 7px #0005;border-color:#fff7;min-height:30px}.swatch.selected{outline-color:#fff;box-shadow:0 0 0 4px #ff3b681b}.tick{background:white;color:#9d2049}.library-head .textbtn{white-space:nowrap}.print-option:disabled,.primary:disabled{opacity:.5}
@media(max-width:760px){.render-stage{height:420px;max-height:65vh;min-height:250px;margin:17px 17px 13px;border-radius:14px}.visual-side-select{font-size:16px;padding:10px 7px}.visual-side-label{font-size:10px}.print-grid{grid-template-columns:repeat(3,minmax(0,1fr))}nav button{font-size:11px}.size{min-width:45px;flex-grow:0}.library-head .textbtn{font-size:10px;padding-left:10px;padding-right:10px}.delete-print{font-size:11px;min-height:46px}}
@media(max-width:360px){.render-stage{height:360px;margin-left:13px;margin-right:13px}nav button{font-size:10px;padding-left:8px;padding-right:8px}.size{min-width:44px}}

.rename-visual{display:block;width:100%;min-height:44px;margin-top:10px;padding:10px 9px;border:1px solid #fff9;border-radius:11px;background:#f5f2f6;color:#35202f;box-shadow:0 3px 10px #0002;font-size:11px;font-weight:550}.rename-visual:hover{background:#fff}.library-item>b{overflow-wrap:anywhere}#renameVisualDialog{width:min(450px,calc(100% - 26px))}#renameVisualName{width:100%}

.order-actions{display:flex;flex-direction:column;gap:9px;align-items:stretch;min-width:135px}.order-actions .status{width:100%;max-width:none}.delete-order{width:100%;min-height:44px;padding:10px 12px;border:1px solid #fff9;border-radius:11px;background:#f5f2f6;color:#9c2147;font-size:11px;font-weight:550;box-shadow:0 3px 10px #0002}.delete-order:hover{background:#fff}#deleteOrderDescription{overflow-wrap:anywhere;color:#f1d0df}.order-number{overflow-wrap:anywhere}#deleteOrderDialog{width:min(450px,calc(100% - 26px))}@media(max-width:760px){.order-actions{min-width:128px;width:128px}.order-card .order-actions .status{width:100%;max-width:none}.delete-order{font-size:10px;min-height:44px}}

.connection-box{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff17}.connection-box summary{cursor:pointer;color:#f7dfec;font-size:12px;min-height:40px;line-height:1.6}.connection-box input,.connection-box textarea{font-size:13px}.connection-box textarea{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;overflow-wrap:anywhere}.connection-box .primary{width:100%;margin-top:6px}.connection-box .small{font-size:10px!important;line-height:1.65}#loginForm{max-height:calc(100dvh - 40px);overflow:auto;scrollbar-width:thin}body>div:has(>#loginForm){overflow:auto}@media(max-width:760px){.connection-box input,.connection-box textarea{font-size:16px}#loginForm{max-height:calc(100dvh - 28px)}}