@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#070b13;--panel:#0f1724;--panel-alt:#121d2d;--panel-soft:#172534;--line:#b4c4d32b;--text:#edf5ff;--muted:#96a8bc;--background:#070b13;--surface:#0f1724;--surface-alt:#121d2d;--surface-soft:#172534;--border:#b4c4d32b;--border-strong:#b4c4d347;--color-accent:#7ce0c3;--color-accent-hover:#64d0b1;--color-accent-soft:#7ce0c31f;--color-accent-border:#7ce0c32e;--color-accent-glow:#7ce0c347;--color-focus:#7ce0c3;--primary:#7ce0c3;--primary-strong:#64d0b1;--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--accent-soft:var(--color-accent-soft);--accent-border:var(--color-accent-border);--focus-color:var(--color-focus);--button-text:#041720;--danger:#ff8a8a;--warning:#f5d180;--shadow:0 24px 70px #060c1375}:root[data-base-theme=white]{--bg:#f3f6fb;--panel:#fff;--panel-alt:#edf2f9;--panel-soft:#f8fafc;--line:#1223361f;--text:#10223a;--muted:#587086;--background:#f3f6fb;--surface:#fff;--surface-alt:#edf2f9;--surface-soft:#f8fafc;--border:#1223361f;--border-strong:#12233633;--button-text:#051c2a;--shadow:0 16px 48px #0b18241f}:root[data-accent=green]{--color-accent:#7ce0c3;--color-accent-hover:#64d0b1;--color-accent-soft:#7ce0c31f;--color-accent-border:#7ce0c32e;--color-accent-glow:#7ce0c347;--color-focus:#7ce0c3;--primary:#7ce0c3;--primary-strong:#64d0b1;--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--accent-soft:var(--color-accent-soft);--accent-border:var(--color-accent-border);--focus-color:var(--color-focus)}:root[data-accent=orange]{--color-accent:#f4a261;--color-accent-hover:#dd7d2f;--color-accent-soft:#f4a2611f;--color-accent-border:#f4a2612e;--color-accent-glow:#f4a26147;--color-focus:#f4a261;--primary:#f4a261;--primary-strong:#dd7d2f;--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--accent-soft:var(--color-accent-soft);--accent-border:var(--color-accent-border);--focus-color:var(--color-focus)}:root[data-accent=skyBlue]{--color-accent:#7cc8ff;--color-accent-hover:#47a8ef;--color-accent-soft:#7cc8ff1f;--color-accent-border:#7cc8ff2e;--color-accent-glow:#7cc8ff47;--color-focus:#7cc8ff;--primary:#7cc8ff;--primary-strong:#47a8ef;--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--accent-soft:var(--color-accent-soft);--accent-border:var(--color-accent-border);--focus-color:var(--color-focus)}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{height:100vh;min-height:100vh}button,.nav-item,.theme-option,.accent-option,.settings-nav-item,.profile-tile,.secondary-button,.primary-button,.lock-pill,.field-group input,.field-group select,.field-group textarea{transition:border-color .18s,background-color .18s,box-shadow .18s,color .18s,transform .18s}button:hover,.nav-item:hover,.theme-option:hover,.accent-option:hover,.settings-nav-item:hover,.profile-tile:hover,.secondary-button:hover,.primary-button:hover,.lock-pill:hover,.field-group input:hover,.field-group select:hover,.field-group textarea:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-item:focus-visible,.theme-option:focus-visible,.accent-option:focus-visible,.settings-nav-item:focus-visible{border-color:var(--focus-color);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.app-shell{background:var(--bg);width:100vw;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.sidebar-backdrop{opacity:0;visibility:hidden;z-index:9;background:#03080d59;transition:all .2s;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;visibility:visible}.sidebar{z-index:10;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d151fe6;flex-direction:column;gap:18px;width:260px;min-width:260px;height:100dvh;padding:22px 18px 18px;display:flex;position:relative}:root[data-base-theme=white] .sidebar{background:#ffffffdb}.brand-wrap{letter-spacing:.08em;align-items:center;gap:10px;padding:6px 8px 4px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-hover));width:32px;height:32px;color:var(--button-text);border-radius:10px;place-items:center;display:grid}.brand-text{font-size:1rem}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-item{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px;font-size:.72rem;display:flex}.nav-item.active,.settings-nav-item.active{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-border), 0 0 0 1px #ffffff05}.nav-item:hover,.settings-nav-item:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.sidebar-spacer{flex:1}.upgrade-card,.pro-card{border:1px solid var(--border);background:var(--panel-soft);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:var(--button-text);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:.8rem 1.1rem;font-weight:700;display:inline-flex;box-shadow:0 12px 28px #00000026}.primary-button:hover{filter:brightness(1.05);border-color:var(--accent)}.primary-button:focus-visible,.secondary-button:focus-visible,.theme-option:focus-visible,.accent-option:focus-visible,.settings-nav-item:focus-visible,.chip-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}.secondary-button,.theme-option,.accent-option,.settings-nav-item,.chip-button,.ghost-button,.icon-button{border:1px solid var(--border);color:var(--text);background:0 0}.secondary-button:hover,.theme-option:hover,.accent-option:hover,.chip-button:hover,.ghost-button:hover,.icon-button:hover,.theme-option.selected,.accent-option.selected,.profile-tile.selected{border-color:var(--accent);background:var(--accent-soft)}.custom-field-wrap{margin-top:6px}.field-group input,.field-group select,.field-group textarea,.prompt-box,.license-input-wrap input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff05;border-radius:12px;padding:11px 12px}.field-group input.error,.field-group textarea.error,.field-group select.error{border-color:var(--danger);box-shadow:0 0 0 3px #ff8a8a1f}.error-text{color:var(--danger);font-size:.72rem}.label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.select-lock-row{align-items:center;gap:8px;display:flex}.select-lock-row select{flex:1;min-width:0}.lock-pill{border:1px solid var(--border);background:0 0;border-radius:10px;place-items:center;width:36px;min-width:36px;height:36px;padding:0;font-size:.8rem;line-height:1;display:grid}.lock-pill:hover{border-color:var(--accent);background:var(--accent-soft)}.lock-open{color:var(--text)}.lock-locked{color:var(--danger);background:#ff8a8a1a;border-color:#ff8a8a47}.auth-shell{background:radial-gradient(circle at top, #7ce0c31f, transparent 40%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);width:min(100%,460px);box-shadow:var(--shadow);background:#0f1724d1;border-radius:24px;flex-direction:column;gap:22px;padding:28px;display:flex}:root[data-base-theme=white] .auth-card{background:#ffffffe6}.auth-header{flex-direction:column;gap:8px;display:flex}.auth-header h1{margin:0;font-size:clamp(2rem,3vw,2.4rem)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.auth-mode-switch{border:1px solid var(--border);background:#ffffff05;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;display:grid}.auth-mode-switch button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:10px 12px;font-weight:600}.auth-mode-switch button.active{background:var(--color-accent-soft);color:var(--text);border:1px solid var(--color-accent-border)}.auth-form,.auth-actions{flex-direction:column;gap:14px;display:flex}.auth-status{color:var(--muted);font-size:.8rem}.developer-page{gap:18px}.developer-card{flex-direction:column;gap:16px;display:flex}.developer-meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:.8rem;display:flex}.license-list{flex-direction:column;gap:12px;display:flex}.license-row{border:1px solid var(--border);background:#ffffff05;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.license-row.active{border-color:var(--color-accent-border);background:var(--color-accent-soft)}.license-actions{align-items:center;gap:8px;display:flex}.pro-nav-label{color:var(--accent);letter-spacing:.08em;margin-left:auto;font-size:.6rem}.upgrade-panel{max-width:560px}.upgrade-price{font-size:2rem;font-weight:800}.upgrade-price span{color:var(--muted);font-size:.9rem;font-weight:500}.empty-state{color:var(--muted);padding:12px 0}.profile-creator-form,.settings-card,.image-panel,.profile-list-panel,.profile-editor-panel,.placeholder-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:18px}.creator-section{border:1px solid var(--border);background:var(--surface-alt);border-radius:18px;margin-top:14px;padding:18px;box-shadow:inset 0 1px #ffffff05}.category-panel{background:var(--panel-alt)}.creator-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.compact-actions{gap:8px;display:flex}.action-section{border-top:1px solid var(--border);padding-top:16px}@media (width<=760px){.creator-header-row,.page-header-row,.profile-creator-header{flex-direction:column;align-items:stretch}.select-lock-row{gap:6px}.form-grid.two-col,.option-grid.two-col,.option-grid.three-col{grid-template-columns:1fr}}.upgrade-card-title,.pro-card-title{font-size:.94rem;font-weight:700}.upgrade-card-copy,.pro-card-copy{color:var(--muted);font-size:.84rem;line-height:1.5}.upgrade-card-price{font-size:1.25rem;font-weight:700}.version-label{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding-top:12px;font-size:.72rem}.workspace-panel{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c121cb8;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px 16px;display:flex}:root[data-base-theme=white] .topbar{background:#ffffffb8}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-title{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.topbar-actions{align-items:center;gap:10px;display:flex}.mobile-menu-button{border:1px solid var(--line);background:var(--panel-soft);width:38px;height:38px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;display:none}.chip-button,.ghost-button,.icon-button{border:1px solid var(--line);background:var(--panel-soft);color:var(--text);border-radius:10px;padding:9px 12px}.workspace-content{flex:1;padding:20px 24px 30px;overflow-y:auto}.page-shell{flex-direction:column;gap:18px;min-height:100%;display:flex}.page-header-row{justify-content:space-between;align-items:end;gap:16px;display:flex}.profile-header-actions{align-items:center;gap:14px;display:flex}.profile-limit{color:var(--muted);white-space:nowrap;font-size:.78rem}.profile-limit.over-limit{color:var(--warning)}.page-header-row h1{margin:6px 0 0;font-size:clamp(1.8rem,2vw,2.4rem)}.page-header-row p{color:var(--muted);margin:8px 0 0}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.profile-list-shell,.profile-creator-shell,.settings-page{min-height:100%}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.profile-tile{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.profile-tile.selected{border-color:#7ce0c347}.profile-tile-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-tile-actions{flex-wrap:wrap;gap:8px;display:flex}.profile-tile-actions button,.profile-actions button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:8px;padding:6px 8px}.empty-state-card{background:var(--panel);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);border-radius:20px;padding:40px 20px}.empty-state-card h3{margin-top:0;margin-bottom:8px}.empty-state-card p{color:var(--muted);margin:0 0 18px}.profile-creator-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-creator-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px;display:grid}.profile-preview-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:22px;display:flex}.avatar-preview.giant{border-radius:24px;width:96px;height:96px;font-size:2rem}.profile-preview-card h2{margin:0;font-size:1.6rem}.profile-preview-card p{color:var(--muted);margin:0}.mini-tag-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mini-tag{background:var(--panel-soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 8px;font-size:.72rem}.profile-creator-form,.settings-card,.image-panel,.profile-list-panel,.profile-editor-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:18px}.form-grid{gap:14px;display:grid}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group{flex-direction:column;gap:8px;display:flex}.field-group label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.field-group input,.field-group select,.field-group textarea,.prompt-box{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff05;border-radius:12px;padding:11px 12px}.full-width{grid-column:1/-1}.attribute-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.attribute-row{border:1px solid var(--line);background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.attribute-content{flex:1;min-width:0}.attribute-label{font-weight:600}.attribute-value{color:var(--muted);font-size:.81rem}.attribute-tools{align-items:center;gap:8px;display:flex}.attribute-tools select{border:1px solid var(--line);min-width:120px;color:var(--text);background:#ffffff05;border-radius:10px;padding:10px 11px}.lock-pill{border:1px solid var(--line);background:0 0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.lock-open{color:var(--primary);background:#7ce0c314}.lock-locked{color:var(--danger);background:#ff8a8a14}.primary-button,.secondary-button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:600;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#041720}.secondary-button{border-color:var(--line);color:var(--text);background:0 0}.full{width:100%}.dense{padding:9px 12px}.settings-shell{grid-template-columns:220px minmax(0,1fr);gap:20px;min-height:100%;display:grid}.settings-nav{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.settings-nav-item{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;padding:10px 12px;font-weight:600}.settings-nav-item.active{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:var(--color-accent)}.settings-content{min-width:0}.theme-option-group{flex-direction:column;gap:18px;display:flex}.option-grid{gap:10px;display:grid}.option-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-option,.accent-option{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:12px;padding:10px 12px}.theme-option.selected,.accent-option.selected{border-color:var(--color-accent-border);background:var(--color-accent-soft)}.helper-text{color:var(--muted);font-size:.74rem}.privacy-copy{color:var(--muted);margin-top:14px;font-size:.82rem}.license-badge-wrap{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.license-badge{background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;padding:8px 12px;font-weight:700}.license-status{color:var(--muted);font-size:.8rem}.modal-backdrop{z-index:25;background:#060c13b8;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--line);width:min(460px,92vw);box-shadow:var(--shadow);border-radius:20px;padding:20px}.generated-license{border:1px solid var(--color-accent-border);background:var(--color-accent-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.generated-license div{flex-direction:column;gap:5px;display:flex}.generated-license span{color:var(--color-accent);letter-spacing:.08em;font-weight:700}.danger-button{color:var(--danger)}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-header h3{margin:8px 0 0;font-size:2rem}.eyebrow{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:.72rem}.license-input-wrap{flex-direction:column;gap:8px;margin:18px 0;display:flex}.license-input-wrap label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.license-input-wrap input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff05;border-radius:12px;padding:11px 12px}.compact-list{color:var(--muted);gap:8px;margin:0;padding:0;list-style:none;display:grid}.compact-list li:before{content:"•";color:var(--primary);margin-right:8px}@media (width<=980px){.settings-shell,.profile-creator-layout{grid-template-columns:1fr}}@media (width<=760px){.mobile-menu-button{display:inline-flex}.sidebar{width:min(86vw,320px);min-width:0;box-shadow:var(--shadow);transition:transform .2s;position:absolute;top:0;left:0;transform:translate(-110%)}.sidebar-open{transform:translate(0)}.workspace-panel{width:100%}.topbar{padding:12px 16px}.workspace-content{padding:14px 16px 24px}.page-header-row,.profile-creator-header{flex-direction:column;align-items:stretch}.form-grid.two-col,.option-grid.two-col,.option-grid.three-col{grid-template-columns:1fr}}