:root{font-family:Segoe UI,Arial,sans-serif;color:#f5f0e6;background:#080806;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--obsidian: #080806;--panel: #11110f;--elevated: #191813;--surface-high: #222018;--gold-dark: #765713;--gold: #c9a227;--gold-light: #e9cd72;--gold-pale: #fff1bb;--ivory: #f5f0e6;--muted: #a6a091;--disabled: #716d64;--line: #302c20;--line-strong: #51462a;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 20px;--shadow-elevated: 0 18px 38px rgba(0, 0, 0, .54);--shadow-glow: 0 12px 32px rgba(201, 162, 39, .18)}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:default;opacity:.58}img{display:block;max-width:100%}.app-shell{position:relative;min-height:100vh;isolation:isolate}.hero-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 14% 10%,#392e12 0,#080806 72%)}.page-frame{min-height:100vh;padding:28px}.page-content{width:min(100%,1180px);margin:0 auto}.hidden-input{display:none}.top-bar{display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:5px;min-width:168px;color:var(--ivory);font-family:Pirata One,Georgia,Times New Roman,serif;font-size:33px;line-height:1;letter-spacing:.4px;text-shadow:0 2px 18px rgba(0,0,0,.42)}.brand span,.brand strong{font-weight:400}.brand strong{color:var(--gold-light)}.top-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.credit-chip,.pill-button{height:36px;border-radius:999px}.credit-chip{width:132px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--ivory);background:#191813e6;border:1px solid var(--line-strong);font-size:12px;font-weight:900}.credit-chip svg{color:var(--gold-light);flex:0 0 auto}.credit-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-chip button,.icon-button{display:inline-grid;place-items:center;color:var(--muted);background:transparent}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:900}.pill-button.gold{width:152px;color:var(--obsidian);background:linear-gradient(135deg,var(--gold-pale),var(--gold) 50%,var(--gold-dark))}.pill-button.ghost{width:96px;color:var(--ivory);background:#191813e6;border:1px solid var(--line-strong)}.profile-menu{position:relative}.profile-bubble{width:36px;height:36px;color:var(--gold-pale);background:#191813e6;border:1px solid var(--line-strong);border-radius:999px;font-weight:900}.profile-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;display:none;z-index:5;padding:10px;color:var(--ivory);background:var(--surface-high);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated)}.profile-menu:hover .profile-popover,.profile-menu:focus-within .profile-popover{display:grid;gap:8px}.profile-popover span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.profile-popover button{padding:10px 12px;color:var(--gold-light);text-align:left;background:transparent;border-radius:10px}.top-gap{height:38px}.top-gap.compact{height:24px}.hero-copy{display:grid;gap:12px}.hero-copy h1,.screen-header h1{max-width:850px;margin:0;color:var(--ivory);font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,6vw,56px);line-height:1.02;font-weight:800}.hero-copy p,.screen-header p{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:1.55}.spacer-18{height:18px}.spacer-26{height:26px}.premium-panel{padding:24px;color:var(--ivory);background:linear-gradient(135deg,var(--surface-high),var(--panel));border:1px solid rgba(81,70,42,.72);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated)}.premium-panel.glow{box-shadow:var(--shadow-glow)}.premium-panel.gold-wash{padding:18px;background:linear-gradient(135deg,#2c2617,#14130f)}.premium-panel h2{margin:8px 0;color:var(--ivory);font-size:24px;line-height:1.2;font-weight:800}.premium-panel p,.muted{color:var(--muted);line-height:1.45}.gold-eyebrow{color:var(--gold-light);font-size:10px;font-weight:800;letter-spacing:1.8px}.path-picker h2{margin:0 0 6px;font-size:22px;font-weight:900}.path-picker>p{margin:0 0 16px}.flow-shell{display:grid;gap:18px}.flow-back{width:max-content}.path-grid,.upload-grid,.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.path-card{display:grid;gap:14px;width:100%;padding:14px;color:inherit;text-align:left;background:var(--elevated);border:1px solid var(--line);border-radius:var(--radius-lg)}.path-card.selected{background:#c9a2271a;border-color:var(--gold)}.path-preview{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px;color:var(--muted);background:#080806b8;border:1px solid var(--line);border-radius:var(--radius-md)}.path-preview.single{grid-template-columns:1fr;justify-items:center;padding:10px}.path-card.selected .path-preview{color:var(--gold-light);border-color:#c9a2278c}.preview-tile{width:92px;height:100%;display:grid;place-items:center;background:#191813c7;border-radius:var(--radius-sm)}.path-preview.single .preview-tile{width:72px;height:72px;border-radius:999px}.path-title-row{display:flex;align-items:center;gap:12px}.path-title-row strong{flex:1;color:var(--ivory);font-size:16px}.path-card p{margin:-6px 0 0;color:var(--muted);font-size:12px}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;color:var(--gold);background:#c9a2271f;border:1px solid rgba(201,162,39,.25);border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.upload-card,.style-selector{width:100%;display:flex;align-items:center;gap:14px;padding:14px;color:inherit;text-align:left;background:var(--elevated);border:1px solid var(--line);border-radius:var(--radius-md)}.upload-thumb{width:88px;height:88px;flex:0 0 88px;display:grid;place-items:center;position:relative;overflow:hidden;color:var(--gold-light);background:var(--obsidian);border:1px solid var(--line);border-radius:var(--radius-sm)}.upload-thumb img{width:100%;height:100%;object-fit:contain}.upload-copy{min-width:0;display:grid;gap:4px;flex:1}.upload-copy strong{color:var(--ivory);font-weight:800}.upload-copy span{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:12px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.helper{margin:8px 0 16px;color:var(--muted);font-size:12px;line-height:1.35}.copy-reference-toggle{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:14px;color:var(--ivory);background:var(--elevated);border:1px solid var(--line);border-radius:var(--radius-md)}.copy-reference-toggle input{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--gold)}.copy-reference-toggle span{display:grid;gap:4px}.copy-reference-toggle strong{font-size:14px}.copy-reference-toggle small,.copy-mode-note{color:var(--muted);font-size:12px;line-height:1.35}.copy-mode-note{margin:12px 0 0;color:var(--gold-light)}.field{display:grid;gap:6px;margin-top:16px}.field>span{color:var(--muted);font-size:12px}.field>div{min-height:58px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 16px;color:var(--muted);background:var(--elevated);border:1px solid var(--line);border-radius:var(--radius-md)}.field>div.no-icon{grid-template-columns:1fr}.field>div:focus-within{border-color:var(--gold);box-shadow:0 0 0 1px #c9a22740}.field input,.field textarea{width:100%;color:var(--ivory);background:transparent;border:0;outline:0}.field textarea{min-height:108px;padding:16px 0;resize:vertical}.textarea-shell{align-items:start!important}.textarea-shell svg{margin-top:17px}.align-right{display:flex;justify-content:flex-end;margin-top:18px}.filled-button,.outlined-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--radius-md);font-weight:800}.filled-button{color:var(--obsidian);background:var(--gold)}.outlined-button{color:var(--gold-light);background:transparent;border:1px solid var(--line-strong)}.panel-divider{height:1px;margin:22px 0 18px;background:var(--line)}.style-selector{margin-top:14px}.style-selector>div:nth-child(2){min-width:0;display:grid;gap:3px;flex:1}.style-selector span,.style-selector small{color:var(--muted);font-size:12px}.style-selector strong{color:var(--ivory);font-size:16px;font-weight:900}.style-mini{width:58px;height:58px;display:grid;place-items:center;color:var(--ivory);background:radial-gradient(circle,rgba(34,32,24,.9),var(--obsidian));border:1px solid var(--line);border-radius:var(--radius-sm)}.style-mini.selected{color:var(--gold-light);background:radial-gradient(circle,rgba(201,162,39,.26),var(--obsidian));border-color:#c9a227b3}.placement-editor{display:grid;gap:14px;margin-top:18px;padding:14px;background:var(--elevated);border:1px solid var(--line);border-radius:var(--radius-md)}.placement-title{display:flex;align-items:center;gap:10px}.placement-title strong{flex:1;color:var(--ivory)}.move-icon{display:grid;color:var(--gold-light)}.placement-canvas{width:min(100%,640px);aspect-ratio:1 / 1;justify-self:center;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border-radius:var(--radius-md)}.placement-body{width:100%;height:100%;object-fit:cover;pointer-events:none}.placement-art{position:absolute;transform-origin:center;pointer-events:none;filter:contrast(1.03)}.placement-controls{width:min(100%,640px);display:grid;justify-self:center;gap:10px}.dpad{width:100%;display:flex;justify-content:center;justify-self:center;gap:2px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md)}.dpad button{width:34px;height:34px;display:grid;place-items:center;color:var(--gold-light);background:transparent;border-radius:10px}.slider-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:var(--muted)}.slider-row input{accent-color:var(--gold)}.slider-row strong{color:var(--gold-light)}.placement-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.placement-actions .outlined-button{min-height:40px;padding:8px 10px;border-radius:12px;font-size:12px;line-height:1}.icon-action span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-screen{display:grid;gap:18px}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.screen-header>div{display:grid;gap:10px}.cta-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.single-result{width:min(100%,620px);margin:0 auto}.result-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.result-panel-heading h2{margin:6px 0 0;font-size:22px}.result-card{display:grid;gap:10px;padding:12px;background:var(--elevated);border:1px solid var(--line);border-radius:var(--radius-md)}.result-card>strong{color:var(--ivory);font-weight:800}.result-image{display:grid;place-items:center;min-height:260px;overflow:hidden;background:#fff;border-radius:var(--radius-sm)}.result-image img{width:100%;height:100%;object-fit:contain}.modal-backdrop,.busy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.modal-backdrop{display:grid;align-items:end;background:#00000094}.modal-panel{width:min(100%,680px);max-height:88vh;margin:0 auto;overflow:auto;color:var(--ivory);background:var(--panel);border:1px solid var(--line-strong);border-radius:20px 20px 0 0;box-shadow:var(--shadow-elevated)}.modal-panel.sheet{padding:18px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.modal-heading h2{margin:0 0 4px;color:var(--ivory)}.modal-heading p{margin:0;color:var(--muted)}.download-reminder-actions{display:grid;gap:10px}.download-reminder-actions .filled-button,.download-reminder-actions .outlined-button{width:100%}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.style-card{min-height:132px;display:grid;place-items:center;gap:10px;padding:10px;color:var(--ivory);background:var(--elevated);border:1px solid var(--line);border-radius:var(--radius-md)}.style-card.selected{color:var(--gold-pale);background:#c9a2271f;border-color:var(--gold)}.style-card span{text-align:center;font-size:12px;font-weight:800}.credit-sheet{display:grid;gap:10px}.credit-pack{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;color:var(--ivory);background:transparent;border:1px solid var(--line);border-radius:var(--radius-md)}.credit-pack svg,.credit-pack b{color:var(--gold-light)}.credit-pack span{display:grid;gap:2px;text-align:left}.credit-pack small{color:var(--muted)}.busy-overlay{display:flex;align-items:center;justify-content:center;padding:24px;background:#00000094}.busy-overlay>.premium-panel{width:min(100%,440px)}.generation-shimmer{width:min(100%,360px);display:grid;gap:14px;margin:0 auto;text-align:center}.shimmer-square{aspect-ratio:1;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(201,162,39,.18),var(--elevated),rgba(0,0,0,.5));border-radius:var(--radius-lg)}.shimmer-square:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;background:linear-gradient(125deg,transparent 34%,rgba(255,241,187,.04) 42%,rgba(233,205,114,.34) 50%,rgba(255,241,187,.06) 58%,transparent 66%);transform:translate(-70%);animation:diagonalShimmer 1.55s ease-in-out infinite}.loader-badge{width:118px;height:118px;display:grid;place-items:center;align-content:center;position:relative;z-index:1;gap:6px;color:var(--gold-light);background:#00000057;border:1px solid rgba(233,205,114,.8);border-radius:999px;box-shadow:0 0 30px #c9a22747}.loader-badge strong{color:var(--ivory);letter-spacing:1.5px}.spinner{width:24px;height:24px;border:2px solid rgba(233,205,114,.22);border-top-color:var(--gold);border-radius:999px;animation:spin .8s linear infinite}.snackbar{position:fixed;left:50%;bottom:22px;z-index:30;width:min(calc(100vw - 32px),620px);transform:translate(-50%);padding:14px 16px;color:var(--ivory);background:var(--surface-high);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes diagonalShimmer{0%{transform:translate(-70%)}58%,to{transform:translate(70%)}}@media(max-width:860px){.page-frame{padding:20px}.top-bar{display:grid;justify-items:center}.top-actions{justify-content:center;margin-left:0}.path-grid,.upload-grid,.result-grid,.cta-row{grid-template-columns:1fr}.screen-header{display:grid}.screen-header h1,.hero-copy h1{font-size:40px}}@media(max-width:540px){.page-frame{padding:20px 14px}.brand{min-width:140px;font-size:28px}.premium-panel{padding:20px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-card{align-items:stretch}.upload-thumb{width:72px;height:72px;flex-basis:72px}.filled-button,.outlined-button:not(.flow-back){width:100%}.placement-actions .outlined-button{min-width:0;padding:8px}.placement-actions .outlined-button span{display:none}.align-right{justify-content:stretch}}