@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(../media/f13700f23fbdc6fd-s.28qi1ga78_w_1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cc014fcb166cf364-s.p.2cu9iw-l3ih8o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(../media/f13700f23fbdc6fd-s.28qi1ga78_w_1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cc014fcb166cf364-s.p.2cu9iw-l3ih8o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Fallback;src:local(Times New Roman);ascent-override:71.31%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:136.86%}.cinzel_8535cd02-module__uV0qfG__className{font-family:Cinzel,Cinzel Fallback;font-style:normal}.cinzel_8535cd02-module__uV0qfG__variable{--font-cinzel:"Cinzel", "Cinzel Fallback"}
@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e832ad540183e91-s.280oih_b74u9j.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2094fb60fd9c8287-s.3qxy1tqak831c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c875c6f5d3e977ac-s.p.1h18_wedhzk4h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.2b_sldcwg6mn_.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.1emuuracu50qd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.43zbiuwnnoiok.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.0ynx40_3oa9rk.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.1975l3y3401x_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.2o7m9ogm38dql.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.3ji57o093q1kd.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.19xuq3td7fwu_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.3o_v2fun1jzxk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.11ypmpdlzqdb_.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.3go-kn2r40gie.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.3bh2vc0w-r-ll.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_2024bc9-module__OvfM1W__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_2024bc9-module__OvfM1W__variable{--font-poppins:"Poppins", "Poppins Fallback"}
:root{--navy:#0f1b2e;--navy-deep:#0a1220;--gold:#c9a26b;--gold-soft:#e2c99a;--ivory:#f6f2ea;--beige:#eadfcf;--gray:#6e7277;--panel:#141c2c;--panel-2:#1a2436;--line:#c9a26b29;--line-2:#26334c;--ink:#e9e6df;--ink-dim:#949db0;--spring:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-poppins),sans-serif;background:var(--ivory);color:var(--navy);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-cinzel),serif}::selection{background:var(--gold);color:var(--navy)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c9a26b59 padding-box content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#c9a26b99 padding-box content-box;border:2px solid #0000}main{max-width:1160px;margin:0 auto;padding:32px 20px}.topbar{background:linear-gradient(180deg,var(--navy) 0%,#13223a 100%);color:var(--ivory);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.topbar .brand{font-family:var(--font-cinzel),serif;letter-spacing:.22em;color:var(--ivory);font-weight:600;text-decoration:none;position:relative}.topbar .brand:after{content:"";background:linear-gradient(90deg,var(--gold),transparent);width:34px;height:2px;position:absolute;bottom:-6px;left:0}.topbar nav{gap:26px;display:flex}.topbar a{color:#f6f2eacc;letter-spacing:.06em;font-size:.82rem;text-decoration:none;transition:color .2s}.topbar a:hover{color:var(--gold-soft)}.btn{background:var(--navy);color:#fff;cursor:pointer;transition:transform .18s var(--spring),box-shadow .2s,background .2s;border:none;border-radius:10px;padding:10px 22px;font-family:inherit;font-size:.85rem;text-decoration:none;display:inline-block}.btn:hover{background:#1a2c48;transform:translateY(-1px);box-shadow:0 8px 20px #0f1b2e40}.btn:active{transform:scale(.95)}.btn.gold{background:linear-gradient(135deg,var(--gold),#b58d55);color:var(--navy);font-weight:600;box-shadow:0 6px 18px #c9a26b59}.btn.gold:hover{box-shadow:0 10px 26px #c9a26b80}.btn.ghost{border:1px solid var(--gray);color:var(--navy);background:0 0}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}input,select{border:1px solid var(--beige);background:#fff;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c9a26b2e}table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;font-size:.85rem;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--beige);padding:10px 12px}th{background:var(--navy);color:var(--ivory);font-weight:500}.badge{background:var(--beige);border-radius:999px;padding:3px 10px;font-size:.72rem;display:inline-block}.badge.paid,.badge.approved,.badge.done{background:#d9ead9}.badge.pending_dp,.badge.pending_approval,.badge.pending{background:#fdf0d5}.badge.expired,.badge.revision_requested{background:#f5d5d5}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.muted{color:var(--gray);font-size:.85rem}.price{color:var(--gold);margin:8px 0;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:24px;display:grid}.card{border:1px solid var(--beige);background:#fff;border-radius:14px;padding:22px}.panel{border:1px solid var(--beige);background:#fff;border-radius:14px;padding:18px}.panel h3{margin-bottom:12px;font-size:.95rem}.tpl{border:1px solid var(--beige);cursor:pointer;border-radius:10px;margin-bottom:8px;padding:10px;font-size:.85rem}.tpl:hover{border-color:var(--gold)}.editor-wrap{grid-template-columns:1fr 300px;gap:20px;display:grid}canvas{border-radius:6px}.cat-hero{grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:center;gap:34px;padding:38px 0 18px;display:grid;position:relative}.cat-hero:before{content:"";pointer-events:none;background:radial-gradient(#c9a26b29,#0000 65%);border-radius:50%;width:min(640px,96vw);height:280px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.cat-hero-copy{text-align:left;z-index:1;position:relative}.cat-hero h1{font-size:clamp(1.9rem,4.4vw,3.4rem);line-height:1.05;position:relative}.cat-hero h1 em{color:#0000;background:linear-gradient(100deg,#a8801f 15%,var(--gold-soft) 50%,#a8801f 85%);background-size:200%;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:4.5s linear infinite shimmer}@keyframes shimmer{to{background-position:200%}}.cat-hero p{color:var(--gray);max-width:520px;margin-top:14px;font-weight:300;line-height:1.8;position:relative}.cat-hero-art{z-index:1;aspect-ratio:16/9;background:#fff;border:1px solid #c9a26b59;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 24px 58px #0f1b2e29}.cat-hero-art img{object-fit:cover;width:100%;height:100%;display:block}.cat-hero-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#0f1b2e14);position:absolute;inset:0}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:24px;margin-top:38px;display:grid}.cat-card{border:1px solid var(--beige);color:var(--navy);transition:transform .28s var(--spring),box-shadow .28s,border-color .28s;animation:cardIn .55s var(--ease) both;background:#fff;border-radius:18px;text-decoration:none;display:block;position:relative;overflow:hidden}.cat-card:hover{border-color:#c9a26b8c;transform:translateY(-7px);box-shadow:0 26px 54px #0f1b2e2e}.cat-card:nth-child(2){animation-delay:50ms}.cat-card:nth-child(3){animation-delay:.1s}.cat-card:nth-child(4){animation-delay:.15s}.cat-card:nth-child(5){animation-delay:.2s}.cat-card:nth-child(6){animation-delay:.25s}.cat-card:nth-child(7){animation-delay:.3s}.cat-card:nth-child(8){animation-delay:.35s}.cat-card:nth-child(9){animation-delay:.4s}.cat-card:nth-child(10){animation-delay:.45s}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1}}.cat-prev{justify-content:center;align-items:center;height:190px;padding:18px;display:flex;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,#fff 0%,#f6f2ea 42%,#eadfcf 100%)!important}.cat-prev:after{content:"";width:55%;height:100%;transition:left .6s var(--ease);background:linear-gradient(105deg,#0000,#ffffff80,#0000);position:absolute;top:0;left:-70%;transform:skew(-18deg)}.cat-card:hover .cat-prev:after{left:130%}.pp-photo{object-fit:contain;filter:drop-shadow(0 16px 24px #0f1b2e33);max-width:100%;max-height:100%;transition:transform .35s var(--spring)}.cat-card:hover .pp-photo{transform:scale(1.05)}.cat-body{padding:16px 18px 20px}.cat-body h3{margin-bottom:4px;font-size:1rem}.cat-body .meta{color:var(--gray);margin-bottom:10px;font-size:.76rem}.cat-body .row2{justify-content:space-between;align-items:center;display:flex}.cat-badge{background:var(--navy);color:var(--gold);letter-spacing:.1em;z-index:2;border-radius:999px;padding:4px 11px;font-size:.62rem;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0f1b2e4d}.cat-cta{color:var(--gold);font-size:.82rem;font-weight:600;transition:transform .2s}.cat-card:hover .cat-cta{transform:translate(5px)}.studio{z-index:100;background:var(--navy-deep);color:var(--ink);flex-direction:column;font-size:.85rem;display:flex;position:fixed;inset:0}.studio-top{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:20;background:#0f1b2ed1;align-items:center;gap:18px;padding:9px 16px;display:flex;box-shadow:0 4px 24px #00000059}.studio-brand{font-family:var(--font-cinzel),serif;color:var(--gold);letter-spacing:.16em;text-shadow:0 0 18px #c9a26b73;font-weight:600;text-decoration:none}.studio-title{color:var(--ink-dim);letter-spacing:.04em;flex:1;font-size:.78rem}.tbtn{background:var(--panel-2);color:var(--ink);border:1px solid var(--line-2);cursor:pointer;transition:transform .16s var(--spring),background .2s,border-color .2s,color .2s,box-shadow .2s;border-radius:9px;padding:6px 12px;font-family:inherit;font-size:.82rem}.tbtn:hover{border-color:#c9a26b99;transform:translateY(-1px);box-shadow:0 4px 14px #0000004d}.tbtn:active{transform:scale(.92)}.tbtn:disabled{opacity:.35;cursor:default;box-shadow:none;border-color:var(--line-2);transform:none}.tbtn.on{background:linear-gradient(135deg,var(--gold),#b58d55);color:var(--navy);border-color:#0000;font-weight:600}.tbtn.gold{background:linear-gradient(135deg,var(--gold),#b58d55);color:var(--navy);border-color:#0000;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 16px #c9a26b59}.tbtn.gold:after{content:"";background:linear-gradient(105deg,#0000,#ffffff73,#0000);width:50%;height:100%;position:absolute;top:0;left:-80%;transform:skew(-18deg)}.tbtn.gold:hover:after{animation:sweep .7s var(--ease)}@keyframes sweep{to{left:140%}}.tbtn.danger:hover{background:#5c2626;border-color:#7a3535}.zoom-pill{background:var(--panel-2);border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:2px;padding:2px;display:flex}.zoom-pill .tbtn{background:0 0;border:none;border-radius:999px;padding:5px 11px}.zoom-pill .tbtn:hover{box-shadow:none;background:#c9a26b26;transform:none}.zoomlbl{color:var(--ink-dim);text-align:center;font-variant-numeric:tabular-nums;min-width:46px;font-size:.76rem}.studio-ctx{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);z-index:30;max-width:92vw;animation:ctxIn .22s var(--spring);background:#141c2ce6;border-radius:16px;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 14px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #00000080}@keyframes ctxIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)scale(.97)}to{opacity:1;transform:translate(-50%)}}.studio-ctx select,.studio-ctx input[type=number]{background:var(--panel-2);color:var(--ink);border:1px solid var(--line-2);border-radius:8px;padding:5px 8px;font-size:.8rem}.studio-ctx input[type=color]{border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;border-radius:8px;width:32px;height:30px;padding:2px}.ctx-sep{background:var(--line-2);width:1px;height:22px;margin:0 3px}.studio-body{flex:1;min-height:0;display:flex;position:relative}.studio-rail{background:var(--navy-deep);border-right:1px solid #26334c80;flex-direction:column;width:76px;padding-top:10px;display:flex}.rail-btn{color:var(--ink-dim);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:13px 4px;font-family:inherit;font-size:.6rem;transition:color .2s;display:flex;position:relative}.rail-btn .rail-ic{transition:transform .2s var(--spring);font-size:1.2rem}.rail-btn:before{content:"";background:linear-gradient(180deg,var(--gold),#b58d55);width:3px;height:60%;transition:transform .25s var(--spring);border-radius:0 4px 4px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.rail-btn.on:before{transform:translateY(-50%)scaleY(1)}.rail-btn:hover .rail-ic{transform:translateY(-2px)scale(1.12)}.studio-drawer{background:linear-gradient(180deg,var(--panel) 0%,#111827 100%);width:254px;animation:drawerIn .24s var(--ease);border-right:1px solid #26334c80;padding:18px 16px;overflow-y:auto}@keyframes drawerIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1}}.studio-drawer h4{font-family:var(--font-cinzel),serif;letter-spacing:.12em;color:var(--beige);margin-bottom:16px;padding-bottom:10px;font-size:.84rem;position:relative}.studio-drawer h4:after{content:"";background:linear-gradient(90deg,var(--gold),transparent);width:30px;height:2px;position:absolute;bottom:0;left:0}.drawer-btn{background:var(--panel-2);width:100%;color:var(--ink);border:1px solid var(--line-2);cursor:pointer;text-align:left;transition:transform .18s var(--spring),border-color .2s,box-shadow .2s;border-radius:11px;margin-bottom:10px;padding:13px;font-family:inherit;display:block}.drawer-btn:hover{border-color:#c9a26b99;transform:translate(4px);box-shadow:0 6px 18px #0000004d}.drawer-btn:active{transform:scale(.96)}.drawer-tpl{background:var(--panel-2);border:1px solid var(--line-2);cursor:pointer;transition:transform .2s var(--spring),border-color .2s,box-shadow .25s;border-radius:12px;flex-direction:column;gap:9px;margin-bottom:13px;padding:11px;display:flex}.drawer-tpl:hover{border-color:#c9a26ba6;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #0006}.tpl-thumb{text-align:center;border-radius:7px;flex-direction:column;justify-content:center;min-height:36px;padding:9px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.muted-dark{color:var(--ink-dim);font-size:.74rem}.smart-field{color:var(--beige);letter-spacing:.02em;margin-bottom:13px;font-size:.77rem;display:block}.smart-field input{background:var(--panel-2);color:#fff;border:1px solid var(--line-2);border-radius:9px;width:100%;margin-top:6px;padding:10px 11px;transition:border-color .2s,box-shadow .2s,transform .2s}.smart-field input:focus{border-color:var(--gold);outline:none;transform:translate(2px);box-shadow:0 0 0 3px #c9a26b29,0 0 18px #c9a26b1f}.shape-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.shape-btn{background:var(--panel-2);border:1px solid var(--line-2);color:var(--gold);cursor:pointer;transition:transform .2s var(--spring),border-color .2s,box-shadow .2s;border-radius:11px;padding:13px;font-size:1.4rem}.shape-btn:hover{border-color:#c9a26ba6;transform:scale(1.14);box-shadow:0 8px 20px #00000059}.shape-btn:active{transform:scale(.92)}.swatch{border:1px solid var(--line-2);cursor:pointer;height:40px;transition:transform .18s var(--spring),outline .15s;border-radius:10px}.swatch:hover{outline:2px solid var(--gold);transform:scale(1.1)}.swatch:active{transform:scale(.9)}.studio-stage{background:radial-gradient(circle at 50% 32%,#1b2438 0%,var(--navy-deep) 72%);flex:1;justify-content:center;align-items:center;padding:56px 30px 30px;display:flex;position:relative;overflow:auto}.studio-stage:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#c9a26b1f 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.stage-inner{transition:width .22s var(--ease),height .22s var(--ease);background:#fff;border-radius:6px;box-shadow:0 0 0 1px #c9a26b40,0 30px 80px #0009,0 6px 22px #00000073}.printzone{pointer-events:none;border:1.5px dashed #c9a26be6;position:absolute}.safezone{pointer-events:none;border:1px dashed #4ecdc4b3;position:absolute}.guide-v{pointer-events:none;z-index:5;background:#e14fd1;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #e14fd1e6}.guide-h{pointer-events:none;z-index:5;background:#e14fd1;height:1px;position:absolute;left:0;right:0;box-shadow:0 0 8px #e14fd1e6}.zone-legend{color:var(--ink-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:13px;font-size:.72rem;display:flex}.zone-legend .dot{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.zone-legend .dot.gold{border:1.5px dashed #c9a26be6}.zone-legend .dot.teal{border:1.5px dashed #4ecdc4b3}.unsafe-chip{color:#ffd9d9;background:linear-gradient(135deg,#5c2626,#4a1f1f);border:1px solid #ff78784d;border-radius:999px;padding:5px 14px;font-size:.72rem;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.empty-hint{pointer-events:none;color:var(--gray);text-align:center;z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.empty-hint span{color:var(--gold);text-shadow:0 0 20px #c9a26b99;font-size:1.7rem;animation:2.4s ease-in-out infinite pulse}.empty-hint p{background:#f6f2eaeb;border-radius:12px;max-width:270px;padding:12px 16px;font-size:.84rem;line-height:1.7;box-shadow:0 8px 24px #0f1b2e1f}.studio-mockup{background:linear-gradient(180deg,var(--panel) 0%,#111827 100%);border-left:1px solid #26334c80;width:324px;padding:18px;overflow-y:auto}.studio-mockup h4{font-family:var(--font-cinzel),serif;color:var(--beige);letter-spacing:.12em;align-items:center;gap:9px;margin-bottom:14px;font-size:.84rem;display:flex}.live-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 10px #4ade80e6}.mockup-hint{color:var(--ink-dim);text-align:center;margin-top:9px;font-size:.72rem}.flat-scene{perspective:700px;background:radial-gradient(circle at 50% 32%,#28344e,#141a26 78%);border-radius:14px;justify-content:center;align-items:center;height:300px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a26b24,inset 0 -40px 60px #00000059}.flat-scene:after{content:"";pointer-events:none;background:radial-gradient(at 50% 100%,#c9a26b24,#0000 70%);height:34px;position:absolute;bottom:0;left:10%;right:10%}.card3d{max-width:78%;max-height:82%;transition:transform .4s var(--ease);border-radius:4px;transform:rotateY(-16deg)rotateX(4deg);box-shadow:-18px 26px 44px #0009}.flat-scene:hover .card3d{transform:rotateY(-8deg)rotateX(2deg)scale(1.03)}.strap{background-repeat:repeat-y;background-size:auto 100%;width:34px;height:230px;position:absolute;top:-20px;box-shadow:0 10px 24px #0006}.strap.plain{background:#0f1b2e;width:34px;height:150px;top:-20px;transform:none;box-shadow:0 8px 20px #0006}.idcard{background:var(--ivory);width:96px;height:64px;color:var(--gray);border-radius:8px;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000080}.idclip{z-index:2;background:linear-gradient(#d8d8d8,#a8a8a8);border-radius:4px;width:46px;height:16px;position:absolute;top:118px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0006}.idcard-photo{border-radius:8px;max-width:44%;max-height:52%;position:absolute;top:132px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #0000008c}.badge-wrap{width:190px;height:190px;transition:transform .35s var(--spring);position:relative}.flat-scene:hover .badge-wrap{transform:scale(1.05)rotate(2deg)}.badge-img{object-fit:cover;border-radius:50%;width:100%;height:100%;box-shadow:0 18px 40px #0009,inset 0 0 0 4px #ffffff26}.badge-gloss{pointer-events:none;background:radial-gradient(circle at 32% 26%,#ffffff8c,#ffffff14 38%,#0000 55%);border-radius:50%;position:absolute;inset:0}.keyring{z-index:2;border:6px solid #b9bec7;border-radius:50%;width:44px;height:44px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #0006}.badge-wrap.plate{width:230px;height:230px}.badge-wrap.plate .badge-img{box-shadow:0 0 0 14px #fff,0 0 0 16px #ddd4c3,0 24px 50px #00000080}.cap-scene{width:230px;height:180px;transition:transform .35s var(--spring);margin:0 auto;position:relative}.flat-scene:hover .cap-scene{transform:scale(1.04)rotate(-2deg)}.cap-panel{background-position:50%;background-size:cover;border-radius:90px 90px 22px 22px;height:120px;position:absolute;top:16px;left:24px;right:24px;box-shadow:0 16px 34px #00000080,inset 0 -14px 22px #0000002e}.cap-brim{background:linear-gradient(#e6dfd2,#cabfa9);border-radius:12px 100% 100% 12px;width:190px;height:30px;position:absolute;bottom:18px;left:2px;transform:rotate(-5deg);box-shadow:0 10px 22px #0006}.tote-scene{width:200px;height:250px;transition:transform .35s var(--spring);margin:0 auto;padding-top:34px;position:relative}.flat-scene:hover .tote-scene{transform:scale(1.04)rotate(1.5deg)}.tote-body{background-position:50%;background-size:cover;border-radius:6px 6px 18px 18px;width:100%;height:100%;box-shadow:0 18px 40px #00000080}.tote-scene:before,.tote-scene:after{content:"";z-index:1;border:10px solid #cfc4ad;border-bottom:none;border-radius:30px 30px 0 0;width:52px;height:48px;position:absolute;top:0}.tote-scene:before{left:28px}.tote-scene:after{right:28px}.polaroid{transition:transform .4s var(--ease);background:#fff;padding:10px 10px 30px;transform:rotateY(-12deg)rotateX(3deg)rotate(-2deg);box-shadow:-14px 22px 42px #0000008c}.flat-scene:hover .polaroid{transform:rotateY(-5deg)rotate(-1deg)scale(1.03)}.polaroid img{max-width:180px;max-height:220px;display:block}.mug-swatch{border:2px solid var(--line-2);cursor:pointer;width:27px;height:27px;transition:transform .18s var(--spring),border-color .2s,outline .15s;border-radius:50%}.mug-swatch:hover{transform:scale(1.18)}.mug-swatch.on{border-color:var(--gold);outline:2px solid #c9a26b73}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ivory);border:1px solid var(--gold);z-index:200;animation:toastIn .32s var(--spring);background:#0f1b2ef2;border-radius:999px;padding:11px 26px;font-size:.85rem;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #0000008c,0 0 24px #c9a26b33}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.95)}to{opacity:1;transform:translate(-50%)}}.chip-row{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:26px;display:flex;position:relative}.chip{border:1px solid var(--beige);color:var(--gray);cursor:pointer;transition:all .22s var(--spring);background:#fff;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:.82rem}.chip:hover{border-color:var(--gold);color:var(--navy);transform:translateY(-2px);box-shadow:0 6px 16px #0f1b2e1a}.chip.on{background:linear-gradient(135deg,var(--gold),#b58d55);color:var(--navy);border-color:#0000;font-weight:600;box-shadow:0 6px 18px #c9a26b66}.chip:active{transform:scale(.93)}.layer-row{background:var(--panel-2);border:1px solid var(--line-2);cursor:pointer;transition:border-color .2s,transform .18s var(--spring);border-radius:10px;align-items:center;gap:9px;margin-bottom:8px;padding:9px 11px;display:flex}.layer-row:hover{border-color:#c9a26b80;transform:translate(3px)}.layer-row.on{border-color:var(--gold);background:linear-gradient(90deg,#c9a26b24,var(--panel-2))}.layer-ic{width:24px;height:24px;color:var(--gold);background:#c9a26b26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.layer-label{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;overflow:hidden}.layer-act{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 5px;font-size:.75rem;transition:color .2s,background .2s}.tpl-thumb-img{border-radius:8px;width:100%;display:block;box-shadow:0 4px 14px #00000059}.saved-flash{color:#4ade80;animation:fadeIn .3s var(--ease);margin-left:14px;font-size:.72rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.keys-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;animation:fadeIn .2s var(--ease);background:#080d1699;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.keys-card{background:linear-gradient(180deg,var(--panel),#101724);border:1px solid var(--line);width:400px;max-width:92vw;animation:ctxPop .28s var(--spring);border-radius:20px;padding:28px 30px;box-shadow:0 30px 80px #0009}@keyframes ctxPop{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1}}.keys-card h4{font-family:var(--font-cinzel),serif;color:var(--beige);letter-spacing:.1em;margin-bottom:18px;font-size:.95rem}.keys-row{color:var(--ink-dim);border-bottom:1px solid #26334c80;align-items:center;gap:14px;padding:8px 0;font-size:.8rem;display:flex}.keys-row:last-child{border-bottom:none}.keys-row kbd{background:var(--panel-2);border:1px solid var(--line-2);color:var(--gold-soft);text-align:center;border-bottom-width:2px;border-radius:7px;min-width:150px;padding:4px 10px;font-family:inherit;font-size:.72rem}@media (max-width:1180px){.studio-mockup{z-index:26;position:absolute;top:0;bottom:0;right:0;box-shadow:-24px 0 60px #0000008c}}@media (max-width:900px){.cat-hero{grid-template-columns:1fr;gap:22px;padding-top:24px}.cat-hero-copy{text-align:center}.cat-hero p{margin-left:auto;margin-right:auto}.chip-row{justify-content:center}.cat-hero-art{max-width:640px;margin:0 auto}.pd-hero{grid-template-columns:1fr}.pd-prev{min-height:220px}.studio-drawer{width:216px;padding:14px 12px}.studio-rail{width:62px}.studio-title{display:none}.studio-ctx{max-width:96vw;top:auto;bottom:16px}}@media (max-width:560px){.pd-template-banner{grid-template-columns:1fr}.pd-template-banner img{aspect-ratio:16/9;width:100%;height:auto}}.ctx-menu{z-index:250;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);min-width:170px;animation:ctxPop .18s var(--spring);background:#141c2cf5;border-radius:14px;padding:6px;position:fixed;box-shadow:0 20px 50px #0009}.font-menu{z-index:250;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);min-width:190px;max-height:320px;animation:ctxPop .18s var(--spring);background:#141c2cf7;border-radius:12px;padding:6px;position:absolute;top:110%;left:0;overflow-y:auto;box-shadow:0 20px 50px #0009}.font-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 12px;font-size:1rem;display:block}.font-item.on{color:var(--gold)}.tpl-cats{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.tpl-cat{background:var(--panel-2);border:1px solid var(--line-2);color:var(--ink);cursor:pointer;text-transform:capitalize;border-radius:999px;padding:3px 11px;font-size:.72rem}.tpl-cat.on{background:linear-gradient(135deg,var(--gold),#b58d55);color:var(--navy);border-color:#0000;font-weight:600}.pd{max-width:980px;margin:0 auto;padding:24px 0}.pd-hero{grid-template-columns:300px minmax(280px,1fr);align-items:flex-start;gap:34px;display:grid}.pd-prev{background:linear-gradient(135deg,#eadfcf,#f6f2ea);border-radius:18px;flex:0 0 300px;justify-content:center;align-items:center;min-height:260px;padding:30px;display:flex}.pd-info{flex:1;min-width:300px}.pd-info h1{margin-bottom:6px;font-size:1.7rem}.pd-variants{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.pd-bands{max-width:380px;margin:14px 0}.pd-bands td,.pd-bands th{padding:7px 14px 7px 0}.pd-cta{gap:10px;margin-top:18px;display:flex}.pd-tpl-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.pd-tpl{color:var(--navy);transition:transform .25s var(--spring);background:#fff;border-radius:14px;flex-direction:column;gap:5px;padding:12px;text-decoration:none;display:flex;box-shadow:0 8px 22px #0f1b2e1a}.pd-tpl:hover{transform:translateY(-4px)}.pd-tpl .tpl-thumb-img{box-shadow:none;border:1px solid #eee}.pd-mockup-art{background:#fff;border:1px solid #c9a26b47;border-radius:18px;grid-column:1/-1;max-height:280px;overflow:hidden;box-shadow:0 16px 44px #0f1b2e1f}.pd-mockup-art img{object-fit:cover;object-position:center;width:100%;height:100%;max-height:280px;display:block}.pd-template-banner{border:1px solid var(--beige);background:#fff;border-radius:16px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:18px;margin:34px 0 16px;padding:14px;display:grid;box-shadow:0 10px 26px #0f1b2e14}.pd-template-banner img{object-fit:cover;border-radius:12px;width:120px;height:92px}.pd-template-banner h2{margin:0 0 6px}.band-nudge{color:var(--gold);background:#c9a26b1f;border-radius:8px;margin-top:6px;padding:6px 9px;font-size:.72rem;font-weight:400;line-height:1.5}.hover-outline{pointer-events:none;z-index:5;border:1.5px solid #4d90fe;border-radius:2px;position:absolute}.measure-chip{color:#fff;pointer-events:none;white-space:nowrap;z-index:6;background:#0f1b2e;border-radius:6px;padding:3px 9px;font-size:.68rem;position:absolute;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.ctx-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px 14px;font-family:inherit;font-size:.8rem;transition:background .15s,color .15s;display:block}.layer-row[draggable]{-webkit-user-select:none;user-select:none}.pair-card{background:var(--panel-2);border:1px solid var(--line-2);cursor:pointer;text-align:center;width:100%;transition:transform .2s var(--spring),border-color .2s,box-shadow .25s;border-radius:12px;flex-direction:column;gap:5px;margin-bottom:11px;padding:14px 12px 10px;font-family:inherit;display:flex}.pair-card:hover{border-color:#c9a26ba6;transform:translateY(-3px);box-shadow:0 12px 30px #0006}.pair-card:active{transform:scale(.96)}.pair-name{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-top:4px;font-size:.62rem;font-style:normal}.fx-grid{gap:9px;display:grid}.fx-btn{background:var(--panel-2);border:1px solid var(--line-2);cursor:pointer;text-align:left;transition:transform .18s var(--spring),border-color .2s;border-radius:11px;flex-direction:column;gap:2px;padding:10px 12px;font-family:inherit;display:flex}.fx-btn:hover{border-color:#c9a26ba6;transform:translate(3px)}.fx-btn b{color:var(--ink);font-size:.8rem;font-weight:600}.fx-btn span{color:var(--ink-dim);font-size:.68rem}.quick-dot{border:2px solid var(--line-2);cursor:pointer;width:22px;height:22px;transition:transform .16s var(--spring),border-color .2s;border-radius:50%;padding:0}.quick-dot:hover{border-color:var(--gold);transform:scale(1.25)}.slot-status{color:var(--ink);background:linear-gradient(135deg,#c9a26b29,#c9a26b0d);border:1px solid #c9a26b66;border-radius:11px;margin-bottom:12px;padding:11px 13px;font-size:.8rem}.slot-status span{color:var(--ink-dim);margin-top:5px;font-size:.7rem;line-height:1.5;display:block}.order-card{background:linear-gradient(135deg,#c9a26b24,#c9a26b0a);border:1px solid #c9a26b59;border-radius:14px;margin-bottom:16px;padding:14px}.order-card input{background:var(--panel-2);color:#fff;border:1px solid var(--line-2);border-radius:8px;padding:6px 9px}.order-total{font-family:var(--font-cinzel),serif;color:var(--gold);flex-wrap:wrap;align-items:baseline;gap:10px;margin:10px 0;font-size:1.25rem;display:flex}.dp-note{font-family:var(--font-poppins),sans-serif;color:#f0c27a;background:#c9a26b24;border-radius:999px;padding:3px 9px;font-size:.65rem}.tour-card{width:440px}.tour-step{border-bottom:1px solid #26334c80;align-items:flex-start;gap:13px;padding:10px 0;display:flex}.tour-step:last-of-type{border-bottom:none}.tour-step b{background:linear-gradient(135deg,var(--gold),#b58d55);width:26px;height:26px;color:var(--navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;display:flex}.tour-step strong{color:var(--ink);margin-bottom:2px;font-size:.84rem;display:block}.tour-step span{color:var(--ink-dim);font-size:.74rem;line-height:1.55}.insp{color:var(--ink-dim);align-items:center;gap:5px;font-size:.72rem;display:flex}.insp input{background:var(--panel-2);width:58px;color:var(--ink);border:1px solid var(--line-2);font-variant-numeric:tabular-nums;border-radius:7px;padding:4px 6px;font-size:.74rem}.insp em{color:var(--gold);margin-right:3px;font-size:.62rem;font-style:normal}.side-pill{background:var(--panel-2);border:1px solid var(--line-2);border-radius:999px;padding:2px;display:flex}.side-pill button{color:var(--ink-dim);cursor:pointer;transition:all .2s var(--spring);background:0 0;border:none;border-radius:999px;padding:5px 15px;font-family:inherit;font-size:.76rem}.side-pill button.on{background:linear-gradient(135deg,var(--gold),#b58d55);color:var(--navy);font-weight:600}.flipwrap{perspective:900px;width:72%;max-height:84%}.flipinner{width:100%;transform-style:preserve-3d;transition:transform .7s var(--ease);position:relative}.flipwrap:hover .flipinner{transform:rotateY(180deg)}.flipface{backface-visibility:hidden;border-radius:4px;width:100%;display:block;box-shadow:-14px 22px 40px #0000008c}.flipback{position:absolute;inset:0;transform:rotateY(180deg)}.flipwrap.idflip{width:44%;position:absolute;top:132px;left:50%;transform:translate(-50%)}.flipwrap.idflip .flipface{border-radius:8px}.drawer-close{display:none}@media (max-width:760px){.studio-rail{width:auto;height:58px;padding:0 4px calc(env(safe-area-inset-bottom));border-top:1px solid var(--line-2);z-index:60;background:var(--panel);flex-direction:row;position:fixed;inset:auto 0 0;overflow:auto hidden}.rail-btn{border-radius:0;flex:1;min-width:60px;padding:7px 2px;font-size:.55rem}.rail-btn .rail-ic{font-size:1rem}.studio-drawer{display:none}.studio-drawer.open{left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));z-index:59;border-radius:18px 18px 0 0;width:auto;max-height:46vh;padding-top:34px;display:block;position:fixed;top:auto;overflow-y:auto;box-shadow:0 -20px 50px #0000008c}.drawer-close{color:var(--ink);cursor:pointer;z-index:2;background:0 0;border:none;padding:6px;font-size:1rem;display:block;position:absolute;top:6px;right:10px}.studio-top{flex-wrap:nowrap;gap:6px;padding:6px 8px;overflow-x:auto}.studio-top .tbtn{white-space:nowrap;padding:5px 8px;font-size:.72rem}.studio-top button[title^=Pintasan],.zoom-pill .zoomlbl{display:none}.studio-ctx{top:auto;bottom:calc(58px + 8px + env(safe-area-inset-bottom));z-index:58;flex-wrap:nowrap;max-width:none;left:6px;right:6px;overflow:auto hidden;transform:none}.studio-mockup{z-index:57;background:var(--panel);width:auto;max-width:none;position:fixed;inset:46px 0 0;overflow-y:auto}.studio-stage{padding:14px 8px calc(120px + env(safe-area-inset-bottom))}.stage-inner canvas{touch-action:none}.studio-ctx .insp,.studio-ctx .quick-dot,.studio-ctx span[title=Teks\ melengkung],.studio-ctx input[title=Jarak\ huruf],.studio-ctx input[title=Jarak\ baris],.studio-ctx .ctx-sep{display:none}html{overflow-x:clip}.topbar{gap:10px;padding:10px 14px}.topbar .brand{letter-spacing:.12em;white-space:nowrap;font-size:.74rem}.topbar .brand img{height:26px!important;margin-right:6px!important}.topbar nav{gap:14px}.topbar a{white-space:nowrap;font-size:.72rem}.topbar nav a[href^=https]{display:none}main{padding:20px 14px}.cat-hero{padding:26px 0 6px}table{white-space:nowrap;display:block;overflow-x:auto}.pd-hero{gap:24px}.pd-prev{flex-basis:100%;min-height:200px;padding:20px}.pd-cta{flex-wrap:wrap}}.studio{--panel:#fff;--panel-2:#f3f4f6;--line:#e5e7eb;--line-2:#e2e4e9;--ink:#1d2129;--ink-dim:#6b7280;--navy-deep:#eef0f3;--beige:#374151;--gold:#8a6c3c;--gold-soft:#6b5527;color:#1d2129;background:#eef0f3}.studio-top{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0f1b2e0f}.studio-brand{color:#0f1b2e;text-shadow:none}.tbtn{background:#fff;border-color:#e2e4e9}.tbtn:hover{border-color:#c7cbd3;box-shadow:0 3px 10px #0f1b2e1a}.tbtn.on{color:#fff;background:#0f1b2e;border-color:#0f1b2e}.tbtn.gold{color:#fff;background:#0f1b2e;box-shadow:0 4px 14px #0f1b2e47}.tbtn.danger:hover{color:#b42318;background:#fde8e8;border-color:#f3b9b9}.zoom-pill{background:#f3f4f6;border-color:#e2e4e9}.zoom-pill .tbtn{background:0 0}.zoom-pill .tbtn:hover{background:#e5e7eb}.studio-ctx{background:#fffffff7;border:1px solid #e5e7eb;box-shadow:0 10px 34px #0f1b2e29,0 2px 8px #0f1b2e14}.studio-ctx select,.studio-ctx input[type=number]{color:#1d2129;background:#fff;border-color:#e2e4e9}.studio-ctx input[type=color]{background:#fff;border-color:#e2e4e9}.studio-ctx input[type=range]{accent-color:#0f1b2e}.ctx-sep{background:#e5e7eb}.studio-rail{background:#fff;border-right:1px solid #e5e7eb}.rail-btn{color:#6b7280}.rail-btn:before{background:#0f1b2e}.rail-btn.on,.rail-btn:hover{color:#0f1b2e}.rail-btn.on{background:linear-gradient(90deg,#0f1b2e12,#0000)}.studio-drawer{background:#fff;border-right:1px solid #e5e7eb}.studio-drawer h4{color:#1d2129}.studio-drawer h4:after{background:linear-gradient(90deg,#c9a26b,#0000)}.drawer-btn,.drawer-tpl,.pair-card,.fx-btn,.shape-btn,.layer-row,.tpl-cat{background:#fff;border-color:#e2e4e9}.drawer-btn:hover,.drawer-tpl:hover,.pair-card:hover,.fx-btn:hover,.shape-btn:hover{border-color:#c7cbd3;box-shadow:0 8px 22px #0f1b2e1f}.shape-btn{color:#0f1b2e}.smart-field{color:#374151}.smart-field input{color:#1d2129;background:#fff;border-color:#e2e4e9}.smart-field input:focus{border-color:#0f1b2e;box-shadow:0 0 0 3px #0f1b2e1a}.swatch{border-color:#e2e4e9}.swatch:hover{outline-color:#0f1b2e}.studio-stage{background:radial-gradient(circle at 50% 32%,#f6f7f9 0%,#e8eaee 78%)}.studio-stage:before{opacity:.5;background-image:radial-gradient(#0f1b2e21 1px,#0000 1px)}.stage-inner{box-shadow:0 0 0 1px #0f1b2e14,0 18px 50px #0f1b2e24,0 4px 14px #0f1b2e14}.unsafe-chip{color:#b42318;background:#fde8e8;border-color:#f3b9b9}.studio-mockup{background:#fff;border-left:1px solid #e5e7eb}.studio-mockup h4{color:#1d2129}.order-card{background:#f8f5ef;border-color:#e7dcc8}.order-card input{color:#1d2129;background:#fff;border-color:#e2e4e9}.order-total{color:#0f1b2e}.dp-note{color:#8a6320;background:#c9a26b2e}.band-nudge{color:#8a6320;background:#c9a26b24}.saved-flash{color:#16a34a}.layer-ic{color:#0f1b2e;background:#0f1b2e12}.layer-row.on{background:linear-gradient(90deg,#0f1b2e0f,#fff);border-color:#0f1b2e}.layer-row:hover{border-color:#c7cbd3}.layer-act:hover{color:#0f1b2e;background:#0f1b2e12}.ctx-menu,.font-menu{background:#fff;border-color:#e5e7eb;box-shadow:0 16px 44px #0f1b2e2e}.ctx-item{color:#1d2129}.ctx-item:hover{color:#0f1b2e;background:#f3f4f6}.font-item{color:#1d2129}.font-item:hover{background:#f3f4f6}.font-item.on{color:#8a6c3c;font-weight:600}.tpl-cat{color:#374151}.tpl-cat.on{color:#fff;background:#0f1b2e}.keys-overlay{background:#0f1b2e59}.keys-card{background:#fff;border-color:#e5e7eb;box-shadow:0 30px 80px #0f1b2e4d}.keys-card h4{color:#1d2129}.keys-row{color:#6b7280;border-bottom-color:#eceef1}.keys-row kbd{color:#0f1b2e;background:#f3f4f6;border-color:#e2e4e9}.tour-step{border-bottom-color:#eceef1}.tour-step strong{color:#1d2129}.side-pill{background:#f3f4f6;border-color:#e2e4e9}.side-pill button.on{color:#fff;background:#0f1b2e}.insp input{color:#1d2129;background:#fff;border-color:#e2e4e9}.insp em{color:#8a6c3c}.quick-dot{border-color:#e2e4e9}.quick-dot:hover{border-color:#0f1b2e}.slot-status{color:#1d2129;background:#f8f5ef;border-color:#e7dcc8}.slot-status b{color:#8a6c3c}.mug-swatch{border-color:#e2e4e9}.mug-swatch.on{border-color:#0f1b2e;outline-color:#0f1b2e40}.tpl-thumb-img{box-shadow:0 2px 10px #0f1b2e1f}.empty-hint span{text-shadow:none;color:#c9a26b}.drawer-close{color:#1d2129}@media (max-width:760px){.studio-rail{background:#fff;border-top:1px solid #e5e7eb}.studio-drawer.open{box-shadow:0 -16px 44px #0f1b2e2e}.studio-mockup{background:#fff}}.tbtn{justify-content:center;align-items:center;gap:5px;display:inline-flex}.layer-act{align-items:center;display:inline-flex}.emoji-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.shape-btn.emoji{padding:9px;font-size:1.2rem}.shadow-pop{z-index:260;width:190px;animation:ctxPop .18s var(--spring);background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:9px;padding:12px;display:grid;position:absolute;top:110%;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #0f1b2e2e}.shadow-pop label{color:#374151;justify-content:space-between;align-items:center;gap:8px;font-size:.74rem;display:flex}.shadow-pop input[type=range]{width:110px}.stock-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.stock-grid img{object-fit:cover;cursor:pointer;width:100%;height:64px;transition:transform .18s var(--spring),box-shadow .2s;border:1px solid #e5e7eb;border-radius:8px}.stock-grid img:hover{transform:scale(1.06);box-shadow:0 8px 20px #0f1b2e2e}.view-pill{background:#f3f4f6;border:1px solid #e2e4e9;border-radius:9px;align-items:center;gap:2px;padding:2px;display:flex}.view-pill .tbtn{background:0 0;border:none;border-radius:7px;padding:5px 9px;font-size:.74rem}.view-pill .tbtn:hover{box-shadow:none;background:#e7e9ee;transform:none}.view-pill .tbtn.on{color:#0f1b2e;background:#fff;border:none;box-shadow:0 1px 4px #0f1b2e1f}.studio-stage:before{opacity:0}.studio-stage.show-grid:before{opacity:.75;background-image:linear-gradient(#0f1b2e12 1px,#0000 1px),linear-gradient(90deg,#0f1b2e12 1px,#0000 1px);background-size:24px 24px}.stage-shell{z-index:1;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.stage-topline{color:#6b7280;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:18px;width:100%;min-width:220px;margin-bottom:18px;font-size:.72rem;display:flex}.page-chip{color:#0f1b2e;background:#fff;border:1px solid #e2e4e9;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #0f1b2e14}.ruler{z-index:8;pointer-events:none;color:#747b88;font-variant-numeric:tabular-nums;font-size:9px;position:absolute}.ruler-x{border-bottom:1px solid #0f1b2e2e;height:18px;top:-24px;left:0;right:0}.ruler-y{border-right:1px solid #0f1b2e2e;width:24px;top:0;bottom:0;left:-30px}.ruler-mark{color:#6b7280;line-height:1;position:absolute}.ruler-x .ruler-mark{top:2px;transform:translate(-50%)}.ruler-x .ruler-mark:after{content:"";background:#0f1b2e47;width:1px;height:7px;position:absolute;top:12px;left:50%}.ruler-y .ruler-mark{transform-origin:50%;left:3px;transform:translateY(-50%)rotate(-90deg)}.ruler-y .ruler-mark:after{content:"";background:#0f1b2e47;width:1px;height:7px;position:absolute;top:12px;left:50%}.inspect-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:13px;box-shadow:0 6px 18px #0f1b2e12}.inspect-head{color:#111827;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.82rem;font-weight:700;display:flex}.inspect-row{border-top:1px solid #f0f1f4;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;padding:7px 0;font-size:.76rem;display:grid}.inspect-row span{color:#6b7280}.inspect-row b{color:#1d2129;white-space:nowrap;text-overflow:ellipsis;text-align:right;font-weight:600;overflow:hidden}.inspect-actions{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;display:grid}.inspect-actions .tbtn{min-height:31px;padding:6px}@media (max-width:1120px){.view-pill .tbtn{padding:5px 7px}.studio-top{gap:10px}}@media (max-width:760px){.view-pill,.stage-topline,.ruler{display:none}.inspect-card{margin:0 0 12px}}