.km-page{--km-purple: #7c3aed;--km-purple-dark: #5b21b6;--km-panel-border: #ece8f1}.km-title-row{margin-bottom:18px}.km-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.km-stage{min-height:680px;border-radius:24px;background:linear-gradient(#f8f8f8 0,#f8f8f8 70%,#ccb090 70%,#ccb090);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:32px 28px 24px;isolation:isolate}.km-light-beam{position:absolute;width:330px;height:520px;right:8%;top:-90px;background:linear-gradient(120deg,#ffffffd9,#fff0);transform:skew(-13deg);pointer-events:none}.km-floor-shadow{position:absolute;width:520px;height:90px;border-radius:50%;background:#482a1830;filter:blur(22px);bottom:100px;z-index:0}.km-perspective{width:min(640px,95%);height:500px;perspective:1300px;perspective-origin:50% 44%;display:grid;place-items:center;position:relative;z-index:2}.km-rotor{width:560px;height:470px;position:relative;transform-style:preserve-3d;transition:transform .25s ease-out}.km-body{position:absolute;left:74px;top:12px;width:390px;height:400px;border-radius:14px 14px 32px 32px;overflow:hidden;box-shadow:0 42px 58px #3a23143d;transform:translateZ(18px)}.km-art-skin{position:absolute;top:0;right:0;bottom:0;left:0;background-size:263% 100%;background-repeat:no-repeat;background-position:50% center;transform-origin:center;transition:background-position .18s ease-out}.km-cylinder-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000029,#ffffff0f 12%,#fff0 44%,#ffffff1f 74%,#00000038)}.km-gloss{position:absolute;left:34px;top:18px;width:74px;height:calc(100% - 36px);border-radius:50%;background:linear-gradient(90deg,#ffffff73,#fff0)}.km-rim{position:absolute;left:7px;right:7px;top:-7px;height:32px;border:5px solid rgba(255,255,255,.58);border-radius:50%;box-shadow:inset 0 4px 8px #00000014}.km-bottom-shade{position:absolute;left:0;right:0;bottom:0;height:82px;background:linear-gradient(transparent,#00000024)}.km-handle-wrap{position:absolute;right:20px;top:72px;width:170px;height:250px;transform:translateZ(-6px);transition:opacity .2s ease}.km-handle-outer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0 120px 120px 0;box-shadow:18px 16px 30px #36201226}.km-handle-inner{position:absolute;left:34px;top:36px;right:28px;bottom:36px;border-radius:0 90px 90px 0;background:#ffffffeb;box-shadow:inset -10px 0 14px #00000014}.km-rotation-control{position:relative;z-index:4;display:grid;grid-template-columns:42px minmax(220px,390px) 42px;gap:10px;align-items:center;background:#fffffff0;border:1px solid rgba(228,222,234,.95);border-radius:16px;padding:10px 12px;box-shadow:0 10px 28px #2f223d17;width:min(530px,95%)}.km-rotation-control>button{width:42px;height:42px;border-radius:11px;border:1px solid #e7e2eb;background:#fff;display:grid;place-items:center;cursor:pointer}.km-slider-wrap{min-width:0}.km-slider-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#766d80;margin-bottom:5px}.km-slider-label strong{color:#342c3f}.km-slider-wrap input{width:100%;accent-color:var(--km-purple);cursor:grab}.km-slider-wrap input:active{cursor:grabbing}.km-stage-tip{position:relative;z-index:3;margin:10px 0 0;color:#5f5668;font-size:11px;text-align:center}.km-no-art{position:absolute;z-index:6;max-width:320px;padding:12px 14px;border-radius:12px;background:#fffffff2;border:1px solid #e8e2ec;color:#675e70;font-size:12px;text-align:center}.km-panel{background:#fff;border:1px solid var(--km-panel-border);border-radius:19px;padding:20px;box-shadow:0 12px 34px #2f233c0d}.km-panel-heading h2{margin:7px 0 6px;font-size:20px}.km-panel-heading p{margin:0;color:#7a7283;font-size:12px;line-height:1.5}.km-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f1e9ff;color:var(--km-purple-dark);font-size:10px;font-weight:800}.km-face-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.km-face-grid>button{border:1px solid #e9e4ed;background:#faf9fb;border-radius:12px;padding:8px 5px;cursor:pointer;color:#665d70}.km-face-grid>button.active{border-color:#9b6df0;background:#f7f1ff;color:var(--km-purple-dark);box-shadow:0 0 0 2px #7c3aed14}.km-face-grid strong{display:block;margin-top:6px;font-size:9px}.km-face-mini{width:54px;height:48px;margin:0 auto;border-radius:5px 5px 12px 12px;overflow:hidden;display:block;background:#eee;box-shadow:inset 0 0 9px #00000026}.km-face-mini>span{display:block;width:100%;height:100%;background-size:263% 100%;background-repeat:no-repeat}.km-color-card{border:1px solid #ebe5f1;border-radius:14px;padding:14px;background:#faf9fb;margin-bottom:12px}.km-color-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#4d425d}.km-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.km-color-grid button{border:1px solid #e8e2ee;background:#fff;border-radius:12px;min-height:40px;display:flex;align-items:center;gap:8px;padding:8px 10px;font-weight:700;color:#5f5668}.km-color-grid button span{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.09);flex:0 0 auto}.km-color-grid button.active{border-color:#9b6df0;color:#6d28d9;box-shadow:0 0 0 2px #7c3aed14}.km-premium-box{display:grid;grid-template-columns:38px 1fr;gap:10px;border:1px solid #eadcff;background:linear-gradient(135deg,#faf6ff,#f4edff);border-radius:13px;padding:12px;margin:8px 0 12px}.km-premium-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#7c3aed}.km-premium-box strong{font-size:11px;color:#3e2d53}.km-premium-box p{margin:3px 0 0;font-size:10px;line-height:1.4;color:#796b88}.km-panel .btn{margin-top:8px}.km-download-all{border-color:#c8b0ef!important;color:#6d28d9!important}.km-paywall-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:20px;background:#1a12208c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.km-paywall{width:min(430px,100%);background:#fff;border-radius:22px;padding:28px;text-align:center;box-shadow:0 30px 90px #120b184d}.km-paywall-crown{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;border-radius:17px;color:#7c3aed;background:#f1e9ff}.km-paywall h3{margin:6px 0 9px;font-size:22px}.km-paywall p{color:#72697c;font-size:13px;line-height:1.55}.km-paywall .btn{margin-top:9px}.km-close-paywall{border:0;background:transparent;color:#7c3aed;font-weight:750;font-size:12px;margin-top:14px;cursor:pointer}@media(max-width:1100px){.km-layout{grid-template-columns:1fr}.km-panel{width:100%}}@media(max-width:720px){.km-stage{min-height:560px;padding:20px 12px}.km-perspective{height:390px}.km-rotor{transform:scale(.78);transform-origin:center}.km-color-grid{grid-template-columns:1fr 1fr}}.kp-print-page{min-height:100vh;background:#f1eff4;color:#17131d}.kp-print-toolbar{min-height:72px;background:#fff;border-bottom:1px solid #e9e4ed;display:flex;align-items:center;gap:13px;padding:10px 18px;position:sticky;top:0;z-index:20}.kp-print-title{display:grid;gap:3px;margin-right:auto}.kp-print-title strong{font-size:15px}.kp-print-title span{color:#807789;font-size:11px}.kp-print-workspace{max-width:1520px;margin:0 auto;padding:24px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.kp-print-settings{display:grid;gap:12px;position:sticky;top:96px}.kp-print-card,.kp-print-premium-card,.kp-print-hint{background:#fff;border:1px solid #e8e3ec;border-radius:16px;padding:16px}.kp-print-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#7c3aed}.kp-print-card h2,.kp-print-card h3{margin:5px 0 12px}.kp-print-card h2{font-size:20px}.kp-print-card h3{font-size:16px}.kp-print-card p{color:#746c7c;font-size:11px;line-height:1.5}.kp-print-spec{min-height:35px;border-bottom:1px solid #f0edf2;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.kp-print-spec:last-child{border-bottom:0}.kp-print-spec span{color:#81798a}.kp-mirror-card.warn{border-color:#f0d8b4;background:linear-gradient(135deg,#fffaf3,#fff7ec)}.kp-mirror-card.ok{border-color:#d8ead7;background:linear-gradient(135deg,#f6fff5,#f4fbf4)}.kp-mirror-actions{display:grid;gap:8px;margin-top:12px}.kp-mirror-card small{display:block;margin-top:10px;color:#6d6476;font-size:10px;line-height:1.45}.kp-copy-control{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border:1px solid #e8e2ec;border-radius:12px;overflow:hidden;margin-top:12px}.kp-copy-control button{height:42px;border:0;background:#faf8fc;display:grid;place-items:center;cursor:pointer;color:#6d28d9}.kp-copy-control button:disabled{color:#c9c3cf;cursor:not-allowed}.kp-copy-control strong{text-align:center}.kp-slot-list{display:grid;gap:10px}.kp-slot-editor{border:1px solid #ece6f1;border-radius:14px;padding:12px;background:#faf9fb}.kp-slot-head{display:grid;gap:2px;margin-bottom:8px}.kp-slot-head strong{font-size:12px}.kp-slot-head span{font-size:10px;color:#7b7284}.kp-slot-preview{aspect-ratio:25 / 9.5;border-radius:10px;overflow:hidden;background:#ece7f2;display:grid;place-items:center;margin-bottom:8px}.kp-slot-preview img{width:100%;height:100%;object-fit:cover;display:block}.kp-slot-preview span{color:#7c7390;font-size:11px}.kp-slot-actions{display:grid;gap:8px}.kp-upload-btn{border:1px solid #d6c8ee;background:#fff;color:#6d28d9;border-radius:11px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer}.kp-word-mode-note{margin-top:10px;border-radius:11px;padding:10px 11px;background:#f5f0ff;color:#5b21b6;display:grid;gap:3px}.kp-word-mode-note strong{font-size:11px}.kp-word-mode-note span{font-size:10px;line-height:1.4;color:#746780}.kp-print-premium-card{border-color:#e5d3ff;background:linear-gradient(135deg,#faf6ff,#f3eaff);display:grid;grid-template-columns:30px 1fr;gap:10px;color:#6d28d9}.kp-print-premium-card strong{color:#382847;font-size:12px}.kp-print-premium-card p{color:#75667f;font-size:10px;line-height:1.45;margin:5px 0 0}.kp-print-premium-card button{grid-column:1 / -1;border:0;border-radius:10px;background:#7c3aed;color:#fff;font-weight:800;padding:10px 12px;cursor:pointer}.kp-print-hint{display:grid;gap:5px}.kp-print-hint strong{font-size:11px}.kp-print-hint span{color:#7d7486;font-size:10px;line-height:1.45}.kp-sheet-stage{min-width:0;border-radius:20px;background:#ded9e3;padding:42px 26px 34px;position:relative;overflow:auto}.kp-sheet-label{position:absolute;top:14px;left:24px;color:#6f6777;font-size:11px;font-weight:750}.kp-sheet{background:#fff;margin:0 auto;box-shadow:0 18px 50px #2a20312e;overflow:hidden}.kp-sheet.kp-landscape{width:min(100%,1122px);aspect-ratio:29.7 / 21}.kp-sheet.kp-portrait{width:min(74%,794px);aspect-ratio:21 / 29.7}.kp-sheet-inner{width:100%;height:100%;box-sizing:border-box;padding:1.7%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.kp-sheet-stack-item{width:100%;display:flex;flex-direction:column;align-items:center}.kp-art-slot{width:87.1%;aspect-ratio:25 / 9.5;flex:0 0 auto;background:#fff;overflow:hidden}.kp-sheet.kp-count-3 .kp-art-slot{width:95.24%;aspect-ratio:20 / 7.6}.kp-art-slot img{width:100%;height:100%;display:block;object-fit:fill}.kp-art-slot img.mirrored{transform:scaleX(-1)}.kp-white-divider{width:87.1%;height:.1cm;min-height:3px;background:#fff;flex:0 0 auto}.kp-sheet.kp-count-3 .kp-white-divider{width:95.24%}.kp-no-print-art{width:80%;margin:auto;border:1px dashed #d8d0df;border-radius:14px;padding:20px;text-align:center;color:#786f82;font-size:12px}.kp-print-blocked{display:none}.kp-paywall-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:20px;background:#19111f94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.kp-paywall{width:min(440px,100%);background:#fff;border-radius:22px;padding:28px;text-align:center;box-shadow:0 30px 90px #140c1b4d}.kp-paywall-icon{width:60px;height:60px;border-radius:17px;background:#f1e9ff;color:#7c3aed;margin:0 auto 12px;display:grid;place-items:center}.kp-paywall h3{margin:0 0 9px;font-size:22px}.kp-paywall p{color:#706778;font-size:13px;line-height:1.55}.kp-paywall .btn{margin-top:9px}.kp-paywall-close{margin-top:14px;border:0;background:transparent;color:#7c3aed;font-size:12px;font-weight:800;cursor:pointer}.kp-ack-text{display:block;margin-top:10px;color:#746b7d;font-size:10px}.print-preview-button{width:100%;margin-top:9px;border:1px solid #cab7eb;background:#fff;color:#6d28d9;border-radius:11px;padding:11px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer}@media(max-width:980px){.kp-print-workspace{grid-template-columns:1fr;padding:14px}.kp-print-settings{position:static}.kp-sheet-stage{padding:38px 10px 18px}}@media print{@page{size:auto;margin:0}html,body,#root{margin:0!important;padding:0!important;background:#fff!important}.kp-print-toolbar,.kp-print-settings,.kp-sheet-label,.kp-paywall-backdrop{display:none!important}.kp-print-workspace,.kp-sheet-stage{display:block!important;margin:0!important;padding:0!important;background:#fff!important;max-width:none!important}.kp-sheet{aspect-ratio:auto!important;margin:0!important;box-shadow:none!important;overflow:hidden!important;page-break-after:avoid!important}.kp-sheet.kp-landscape{width:29.7cm!important;height:21cm!important}.kp-sheet.kp-portrait{width:21cm!important;height:29.7cm!important}.kp-sheet-inner{width:100%!important;height:100%!important;padding:.5cm!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}.kp-art-slot{width:25cm!important;height:9.5cm!important;aspect-ratio:auto!important;flex:0 0 9.5cm!important;overflow:hidden!important}.kp-sheet.kp-count-3 .kp-art-slot{width:20cm!important;height:7.6cm!important;flex:0 0 7.6cm!important}.kp-white-divider{width:25cm!important;height:.1cm!important;min-height:.1cm!important;flex:0 0 .1cm!important;background:#fff!important}.kp-sheet.kp-count-3 .kp-white-divider{width:20cm!important}.kp-art-slot img{width:100%!important;height:100%!important;object-fit:fill!important}.kp-art-slot img.mirrored{transform:scaleX(-1)!important}.kp-not-premium .kp-sheet{display:none!important}.kp-not-premium .kp-print-blocked{width:21cm;min-height:21cm;display:grid!important;place-items:center;text-align:center;padding:2cm;box-sizing:border-box}.kp-not-premium .kp-print-blocked>div{max-width:16cm}.kp-not-premium .kp-print-blocked strong{display:block;margin:.35cm 0 .2cm;font-size:20pt}.kp-not-premium .kp-print-blocked p{font-size:12pt;line-height:1.5}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171226;background:#f7f6fb;font-synthesis:none;text-rendering:optimizeLegibility;--purple: #6d28d9;--purple-2: #7c3aed;--purple-3: #ede9fe;--text: #171226;--muted: #726b83;--line: #ebe8f0;--surface: #ffffff;--success: #16a34a;--shadow: 0 18px 55px rgba(66, 45, 90, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#f7f6fb;color:var(--text)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;z-index:30}.logo{display:flex;align-items:center;gap:10px;font-size:24px;padding:0 8px}.logo strong{font-size:25px;letter-spacing:-.8px}.logo-mark{width:42px;height:42px;display:grid;place-items:center;color:#fff;font-weight:900;border-radius:12px;background:linear-gradient(145deg,#8b5cf6,#4c1d95);box-shadow:inset 0 2px #ffffff40,0 7px 18px #6d28d940;position:relative}.logo-mark:after{content:"";position:absolute;right:-7px;width:12px;height:19px;border:4px solid #6d28d9;border-left:0;border-radius:0 9px 9px 0}.logo--compact{padding:0}.logo--compact .logo-mark{width:34px;height:34px;border-radius:10px}.sidebar-nav{display:grid;gap:5px;margin-top:36px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;color:#5f586e;font-weight:650;font-size:14px}.nav-item:hover{background:#f8f5ff;color:var(--purple)}.nav-item.active{color:#fff;background:linear-gradient(135deg,var(--purple),#7c3aed);box-shadow:0 8px 18px #6d28d933}.premium-card{margin-top:auto;background:linear-gradient(145deg,#faf7ff,#f4edff);border:1px solid #e9ddff;border-radius:18px;padding:18px;display:grid;gap:9px}.premium-card svg{color:#f59e0b}.premium-card p{color:#6b6280;margin:0;font-size:12px;line-height:1.55}.premium-card button{border:0;color:#fff;background:var(--purple);border-radius:10px;padding:10px 12px;font-weight:750}.main-area{min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:12px;padding:0 28px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-logo{display:none}.global-search{width:min(530px,55%);margin-right:auto;display:flex;align-items:center;gap:10px;background:#f8f7fa;border:1px solid var(--line);color:#8d869b;padding:10px 14px;border-radius:11px;text-align:left}.premium-pill{display:flex;align-items:center;gap:6px;padding:9px 13px;border:0;color:#fff;background:var(--purple);border-radius:10px;font-weight:750}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:11px;color:#4f485d}.bottom-nav{display:none}.page{padding:30px;max-width:1500px;margin:0 auto}.hero-banner{background:radial-gradient(circle at 90% 0,rgba(124,58,237,.2),transparent 35%),linear-gradient(135deg,#271347,#5b21b6);border-radius:24px;min-height:275px;padding:38px 44px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;box-shadow:var(--shadow)}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7c3aed}.hero-banner .eyebrow{color:#ddd6fe}.hero-banner h1{margin:10px 0;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-2.2px;max-width:650px}.hero-banner h1 span{color:#c4b5fd}.hero-banner p{max-width:520px;color:#e8e1f6;margin:0;font-size:16px}.hero-actions{display:flex;gap:10px;margin-top:26px}.btn{border:1px solid transparent;border-radius:11px;padding:11px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--purple);color:#fff}.hero-banner .btn.primary{background:#fff;color:#5b21b6}.btn.ghost{background:#fff;color:#4f465c;border-color:var(--line)}.hero-banner .btn.ghost{background:#ffffff1a;color:#fff;border-color:#ffffff2e}.btn.small{padding:8px 12px;font-size:13px}.btn.full{width:100%}.hero-mug{width:260px;position:relative;margin-right:60px;display:grid;place-items:center}.mug-body{width:190px;height:175px;border-radius:14px 14px 35px 35px;background:linear-gradient(100deg,#fff 0,#ece8f4 40%,#fff 72%,#ddd7ea);box-shadow:0 30px 50px #0000002e;display:grid;place-items:center;position:relative;z-index:2;color:#6d28d9}.mug-body span{width:75px;height:75px;border-radius:18px;background:linear-gradient(145deg,#7c3aed,#4c1d95);color:#fff;display:grid;place-items:center;font-weight:900;font-size:38px}.mug-body small{position:absolute;bottom:20px;font-weight:800;color:#726b83}.mug-handle{position:absolute;width:82px;height:103px;right:0;top:92px;border:20px solid white;border-left:0;border-radius:0 50px 50px 0;opacity:.92}.content-section{margin-top:32px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-heading h2{margin:0;font-size:21px;letter-spacing:-.4px}.section-heading a{color:var(--purple);font-size:13px;font-weight:750}.art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.art-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 7px 18px #3021410a;transition:.18s ease;cursor:pointer}.art-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #36244d1a}.art-image-wrap{position:relative;aspect-ratio:25 / 9.5;overflow:hidden;background:#eeeaf2}.art-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.art-placeholder{height:100%;display:grid;place-items:center;font-weight:900;color:#7c3aed;background:#ede9fe}.tier-badge{position:absolute;right:9px;top:9px;border-radius:999px;padding:5px 8px;display:inline-flex;gap:4px;align-items:center;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.tier-badge.free{background:#dcfce7;color:#15803d}.tier-badge.premium{background:#291354;color:#fbbf24}.heart-button{position:absolute;left:9px;top:9px;width:30px;height:30px;border-radius:10px;border:0;background:#ffffffe0;display:grid;place-items:center;color:#6b6378;opacity:0;transition:opacity .15s}.art-card:hover .heart-button{opacity:1}.art-card-body{padding:12px 13px;display:flex;justify-content:space-between;align-items:center}.art-card-body strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.art-card-body small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.mini-edit{border:0;background:#f4f0fb;color:#6d28d9;width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.category-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.category-chip{display:grid;gap:8px;place-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 8px;text-align:center;min-height:92px}.category-chip span{width:38px;height:38px;border-radius:50%;background:#f2ecff;color:#7c3aed;display:grid;place-items:center}.category-chip small{font-weight:700;font-size:11px;color:#51495e}.benefits-strip{margin-top:32px;background:#2f1654;color:#fff;border-radius:17px;padding:19px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benefits-strip div{display:grid;gap:2px}.benefits-strip strong{font-size:13px}.benefits-strip span{font-size:11px;color:#d5c8e8}.page-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.page-title h1{margin:6px 0 5px;font-size:34px;letter-spacing:-1.2px}.page-title p{margin:0;color:var(--muted)}.page-title.row{align-items:center;justify-content:flex-start;gap:12px}.catalog-toolbar{display:flex;gap:12px}.search-input{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:0 14px;border-radius:12px;color:#90899d}.search-input input{width:100%;border:0;outline:0;padding:12px 0;background:transparent}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 15px;display:flex;align-items:center;gap:8px;font-weight:700}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:16px 0 18px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;color:#5f586c;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.category-tabs button.active{background:var(--purple);border-color:var(--purple);color:#fff}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.empty-state{background:#fff;border:1px dashed #d9d1e6;border-radius:20px;padding:45px;text-align:center;color:var(--muted)}.empty-state.large{min-height:420px;display:grid;place-content:center}.empty-state h3,.empty-state h2{color:var(--text);margin:12px 0 5px}.empty-state p{max-width:450px;margin:0 auto}.empty-icon{width:55px;height:55px;margin:0 auto;border-radius:16px;background:#f2ecff;color:#7c3aed;display:grid;place-items:center;font-size:28px}.editor-page{min-height:100vh;background:#f1eff4;display:flex;flex-direction:column}.editor-topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;padding:0 16px}.editor-topbar>div:nth-child(2){display:grid;margin-right:auto}.editor-topbar strong{font-size:14px}.editor-topbar span{color:var(--muted);font-size:11px}.editor-top-actions{display:flex;gap:8px}.editor-workspace{flex:1;display:grid;grid-template-columns:82px minmax(0,1fr) 260px;min-height:0}.editor-tools{background:#18141f;color:#fff;padding:10px 8px;display:flex;flex-direction:column;gap:7px}.editor-tools button,.editor-tools label{border:0;background:transparent;color:#d6d1dd;border-radius:11px;padding:10px 5px;display:grid;place-items:center;gap:5px;font-size:10px;cursor:pointer}.editor-tools button:hover,.editor-tools label:hover{background:#2c2438;color:#fff}.editor-tools svg{width:20px;height:20px}.canvas-zone{padding:34px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto}.canvas-frame{background:#fff;border:1px solid #ccc3d7;box-shadow:0 18px 50px #2418321f;max-width:100%;overflow:auto;transform-origin:center;transition:transform .2s}.canvas-frame.mirrored{transform:scaleX(-1)}.canvas-frame canvas{display:block;max-width:none}.ruler{width:min(900px,100%);color:#7d7589;font-size:10px;display:flex;justify-content:space-between;margin-bottom:6px;padding:0 2px}.measure-pill{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 18px;display:grid;place-items:center}.measure-pill strong{font-size:13px}.measure-pill span{color:var(--muted);font-size:10px}.editor-inspector{background:#fff;border-left:1px solid var(--line);padding:17px}.inspector-card{border:1px solid var(--line);border-radius:14px;padding:14px}.inspector-card h3{margin:0 0 12px;font-size:14px}.spec-row{display:flex;justify-content:space-between;padding:8px 0;font-size:12px;border-bottom:1px solid #f2eff5}.spec-row:last-child{border-bottom:0}.spec-row span{color:var(--muted)}.mockup-preview-button{width:100%;margin-top:12px;border:0;background:var(--purple);color:#fff;border-radius:11px;padding:11px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.tip-box{margin-top:14px;border-radius:13px;background:#f7f2ff;color:#5b397d;padding:13px;font-size:12px}.tip-box p{margin:5px 0 0;line-height:1.45}.mockup-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.mockup-stage{min-height:570px;border-radius:24px;background:linear-gradient(#f2efe9 0,#f2efe9 70%,#c9ab8b 70%);position:relative;display:grid;place-items:center;overflow:hidden}.mockup-stage:before{content:"";position:absolute;width:280px;height:360px;right:9%;top:-40px;background:linear-gradient(120deg,#ffffffb3,#fff0);transform:skew(-12deg)}.mug-real{width:330px;height:310px;border-radius:22px 22px 70px 70px;background:linear-gradient(100deg,#f8f8f8,#ddd 42%,#fff 65%,#d8d8d8);box-shadow:0 45px 55px #301e143b;position:relative;z-index:4;overflow:hidden}.mug-art-window{position:absolute;left:22px;right:22px;top:45px;height:165px;background-size:cover;background-position:center;border-radius:8px;transform-origin:center}.mug-shine{position:absolute;left:22px;top:0;width:55px;height:100%;background:linear-gradient(90deg,#ffffffa6,#fff0)}.mug-real-handle{position:absolute;width:130px;height:175px;right:calc(50% - 245px);top:calc(50% - 85px);border:35px solid #f3f3f3;border-left:0;border-radius:0 90px 90px 0;z-index:2;box-shadow:16px 12px 30px #321e1424}.table-shadow{position:absolute;width:460px;height:75px;border-radius:50%;background:#502d1929;filter:blur(18px);top:72%}.mockup-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;align-self:start}.mockup-panel h2{margin:0 0 6px}.mockup-panel p{color:var(--muted);font-size:13px;line-height:1.45}.mockup-thumb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.mockup-thumb-row button{border:1px solid var(--line);background:#faf9fb;padding:10px 4px;border-radius:9px;font-size:10px}.mockup-thumb-row button.active{border-color:var(--purple);color:var(--purple);background:#f6f0ff}.mockup-panel .btn{margin-top:8px}.auth-page,.profile-page{min-height:calc(100vh - 72px);display:grid;place-items:center}.auth-card,.profile-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow);text-align:center}.auth-icon,.avatar{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;margin:0 auto;background:#f1ebff;color:var(--purple)}.auth-card h1,.profile-card h1{margin:14px 0 6px;font-size:25px}.auth-card>p,.profile-card>p{color:var(--muted);margin:0 0 18px;font-size:13px}.auth-card input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;margin:6px 0;outline:none}.auth-card input:focus{border-color:#b794f4;box-shadow:0 0 0 3px #f2eaff}.auth-card .btn{margin-top:10px}.text-button{border:0;background:transparent;color:var(--purple);font-weight:700;font-size:12px;margin-top:14px}.error-text{color:#b91c1c;display:block;margin:8px 0}.status-premium,.status-free{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;margin-bottom:16px}.status-premium{background:#fff7ed;color:#b45309}.status-free{background:#f3f4f6;color:#4b5563}@media(max-width:1180px){.app-shell{grid-template-columns:210px 1fr}.sidebar{padding-left:12px;padding-right:12px}.art-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-row{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-mug{margin-right:10px;transform:scale(.9)}.editor-workspace{grid-template-columns:72px minmax(0,1fr)}.editor-inspector{display:none}}@media(max-width:820px){.app-shell{display:block;padding-bottom:72px}.sidebar{display:none}.topbar{height:62px;padding:0 12px}.mobile-logo{display:block}.global-search{width:auto;flex:1}.global-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-pill{display:none}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:50;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav a{display:grid;place-items:center;align-content:center;gap:3px;color:#756e82;font-size:9px;font-weight:700}.bottom-nav a.active{color:var(--purple)}.page{padding:18px 14px}.hero-banner{min-height:235px;padding:24px 20px}.hero-banner h1{font-size:37px;letter-spacing:-1.6px}.hero-mug{display:none}.art-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art-card-body strong{max-width:120px;font-size:12px}.featured-grid .art-card:nth-child(n+3){display:none}.category-row{display:flex;overflow-x:auto;gap:10px;padding-bottom:4px;scrollbar-width:none}.category-chip{min-width:88px}.benefits-strip{grid-template-columns:repeat(2,1fr)}.page-title h1{font-size:27px}.filter-btn{width:44px;padding:0;justify-content:center;font-size:0}.mockup-layout{grid-template-columns:1fr}.mockup-stage{min-height:420px}.mug-real{transform:scale(.75)}.mug-real-handle{right:calc(50% - 180px);transform:scale(.75)}.editor-topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:9px}.editor-topbar>div:nth-child(2){max-width:45%}.editor-top-actions{margin-left:auto}.editor-top-actions .btn span{display:none}.editor-workspace{grid-template-columns:1fr;grid-template-rows:1fr 64px}.editor-tools{order:2;flex-direction:row;justify-content:space-around;padding:5px}.editor-tools button,.editor-tools label{min-width:52px}.canvas-zone{order:1;padding:20px 10px;align-items:flex-start;justify-content:flex-start}.canvas-frame{max-width:none;transform-origin:top left;zoom:.48}.canvas-frame.mirrored{transform:scaleX(-1);transform-origin:center}.ruler{display:none}.measure-pill{align-self:center}}@media(max-width:480px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.art-card-body{padding:9px}.mini-edit{display:none}.category-row{grid-template-columns:repeat(2,1fr)}.benefits-strip{padding:16px}.mockup-stage{min-height:350px}.mug-real{transform:scale(.62)}.mug-real-handle{right:calc(50% - 150px);transform:scale(.62)}}.text-style-panel{width:min(900px,100%);margin-bottom:12px;padding:13px;background:#fffffff5;border:1px solid #e8e2ef;border-radius:15px;box-shadow:0 12px 32px #2d1e4114;display:grid;gap:12px}.text-style-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.text-style-heading>div{display:flex;align-items:center;gap:8px;color:#4c1d95}.text-style-heading strong{font-size:13px}.editor-premium-active,.editor-free-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.editor-premium-active{color:#92400e;background:#fff7ed}.editor-free-badge{color:#6b7280;background:#f3f4f6}.text-style-section{display:flex;align-items:center;gap:10px;min-width:0}.text-style-label{width:48px;flex:0 0 48px;color:#756e82;font-size:11px;font-weight:800}.font-palette{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.font-choice{min-height:34px;border:1px solid #e7e2ec;background:#fff;color:#332b3e;border-radius:9px;padding:7px 10px;display:inline-flex;align-items:center;gap:5px;font-size:12px}.font-choice:hover{border-color:#a78bfa;background:#faf7ff}.font-choice.active{border-color:#7c3aed;box-shadow:0 0 0 2px #ede9fe;color:#5b21b6}.font-choice.premium-choice{position:relative}.font-choice.locked{color:#8d869b;background:#f8f7fa}.font-choice.locked svg{color:#f59e0b}.color-palette{display:flex;flex-wrap:wrap;gap:7px}.color-choice{width:28px;height:28px;padding:0;border:2px solid white;border-radius:8px;box-shadow:0 0 0 1px #dcd6e4;display:grid;place-items:center;overflow:hidden}.color-choice:hover{transform:translateY(-1px)}.color-choice.active{box-shadow:0 0 0 3px #7c3aed}.color-choice.locked{position:relative;opacity:.72}.color-choice.locked svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.font-size-control{border-top:1px solid #f0edf4;padding-top:10px}.font-size-control label{width:48px;flex:0 0 48px;color:#756e82;font-size:11px;font-weight:800}.font-size-control input[type=range]{width:min(260px,55vw);accent-color:#7c3aed}.font-size-control strong{width:52px;text-align:right;font-size:11px}.premium-inline-notice{width:min(900px,100%);margin-bottom:10px;border:1px solid #f4d88c;background:#fffaf0;color:#92400e;border-radius:11px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.editor-premium-footer{width:min(900px,100%);margin-top:12px;border:1px solid #e3d6ff;background:linear-gradient(135deg,#faf7ff,#f3ebff);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.editor-premium-footer-icon{width:38px;height:38px;border-radius:11px;background:#6d28d9;color:#fff;display:grid;place-items:center}.editor-premium-footer>div:nth-child(2){display:grid;gap:2px}.editor-premium-footer strong{font-size:12px;color:#3b1768}.editor-premium-footer span{color:#746482;font-size:11px}.editor-premium-footer button{border:0;background:#6d28d9;color:#fff;border-radius:10px;padding:9px 12px;font-weight:800;font-size:11px}@media(max-width:820px){.text-style-panel,.premium-inline-notice,.editor-premium-footer{width:900px;max-width:none}.text-style-panel{padding:10px}.editor-premium-footer{grid-template-columns:auto 1fr}.editor-premium-footer button{grid-column:1 / -1;width:100%}}.kp-ack-text{display:block;margin-top:10px;color:#746b7d;font-size:10px;line-height:1.45}.mirror-status-card,.save-work-card{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.mirror-status-card{display:grid;grid-template-columns:36px 1fr;gap:10px}.mirror-status-card.warn{background:linear-gradient(135deg,#fffaf3,#fff7ec);border-color:#f0d8b4}.mirror-status-card.ok{background:linear-gradient(135deg,#f6fff5,#f4fbf4);border-color:#d8ead7}.mirror-status-icon{width:36px;height:36px;border-radius:10px;background:#fff;display:grid;place-items:center;color:#7c3aed}.mirror-status-card strong,.save-work-card strong{display:block;font-size:13px}.mirror-status-card p,.save-work-card p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.save-work-card span{display:block;margin-top:8px;color:#7a7284;font-size:11px}.save-work-actions{display:grid;gap:8px;margin-top:12px}.editor-top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}