:root{color-scheme:light;--bg: #e9eef5;--bg-strong: #dfe7f1;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--border: rgba(31, 53, 84, .14);--border-strong: rgba(31, 53, 84, .22);--text: #112033;--muted: #617286;--accent: #1859a7;--accent-strong: #113f79;--success: #1f6a4d;--success-soft: #e9f6ef;--error: #a33939;--error-soft: #fceaea;--info: #2c5b97;--info-soft: #ebf3fd;--shadow: 0 24px 54px rgba(17, 32, 51, .12);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;font-family:Segoe UI Variable,Segoe UI,Avenir Next,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,rgba(24,89,167,.14),transparent 30%),linear-gradient(180deg,#f7f9fc 0%,var(--bg) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh}body,button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,select,input{border:0}.app-shell{position:relative;min-height:100vh;padding:28px 28px 36px;display:grid;align-content:start;gap:24px}.card{position:relative;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(1.8rem,2vw,2.45rem);line-height:1.08}h2{font-size:1.1rem}h3{font-size:.98rem}code{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}.workbench{width:min(1280px,100%);margin:0 auto;display:grid;gap:20px}.hero-card{padding:28px 30px;display:flex;align-items:end;justify-content:space-between;gap:24px;min-height:196px;background:linear-gradient(135deg,#123f790f,#ffffffe6),var(--panel)}.hero-card:after{content:"";position:absolute;inset:auto -80px -100px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(24,89,167,.14),transparent 66%);pointer-events:none}.hero-copy{margin-top:12px;max-width:760px;color:var(--muted);font-size:.98rem}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin:0;min-width:min(100%,360px)}.hero-stats div{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffb3}.hero-stats dt{margin-bottom:6px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hero-stats dd{margin:0;font-weight:600}.hero-actions{display:grid;gap:12px;min-width:min(100%,360px)}.hero-cta{width:100%;min-width:148px}.status-banner{width:min(1280px,100%);margin:0 auto;padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 10px 30px #1120330f}.status-banner[data-tone=info]{color:var(--info);background:var(--info-soft);border-color:#2c5b9729}.status-banner[data-tone=success]{color:var(--success);background:var(--success-soft);border-color:#1f6a4d29}.status-banner[data-tone=error]{color:var(--error);background:var(--error-soft);border-color:#a3393929}.workbench-grid{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:20px}.panel{padding:24px}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-kicker{margin-bottom:6px;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.panel-copy{max-width:320px;color:var(--muted);font-size:.92rem}.parameter-panel,.preview-panel{min-height:100%}.panel-section+.panel-section{margin-top:18px;padding-top:18px;border-top:1px solid rgba(31,53,84,.08)}.upload-section{padding:16px;border-radius:var(--radius-md);background:linear-gradient(180deg,#1859a70d,#fff9);border:1px dashed rgba(24,89,167,.2)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-badge{padding:5px 10px;border-radius:999px;background:#1859a71f;color:var(--accent);font-size:.75rem;font-weight:600}.section-badge.subtle{background:#6172861f;color:var(--muted)}.section-note{color:var(--muted);font-size:.92rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field,.field label{display:grid;gap:8px}.field-span{grid-column:1 / -1}.field-label{font-size:.86rem;font-weight:600}.field-hint{color:var(--muted);font-size:.88rem}select,input[type=file],input[type=text],input[type=number],input[type=color]{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel-strong);color:var(--text)}select:focus,input[type=file]:focus,input[type=text]:focus,input[type=number]:focus,input[type=color]:focus,.primary-button:focus,.secondary-button:focus{outline:2px solid rgba(24,89,167,.2);outline-offset:2px}select[multiple]{min-height:132px}.panel-actions{margin-top:20px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;font-weight:600;transition:transform .12s ease,background-color .12s ease,border-color .12s ease;cursor:pointer}.primary-button{width:100%;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 14px 28px #113f792e}.primary-button:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}.secondary-button{border:1px solid var(--border-strong);background:var(--panel-strong);color:var(--text)}.primary-button:not(:disabled):hover,.secondary-button:hover{transform:translateY(-1px)}.result-toolbar{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px;padding:16px;border-radius:var(--radius-md);border:1px solid rgba(31,53,84,.08);background:linear-gradient(180deg,#ffffffd9,#e9eef5b3)}.result-summary{display:flex;flex-wrap:wrap;gap:18px}.result-summary .label{display:block;margin-bottom:4px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.result-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:10px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.preview-card{display:grid;gap:14px;padding:16px;border-radius:var(--radius-md);border:1px solid rgba(31,53,84,.08);background:linear-gradient(180deg,#fffffff2,#f0f4fad9)}.preview-card__header p{margin-top:6px;color:var(--muted);font-size:.88rem}.preview-stage{min-height:220px;display:grid;place-items:center;padding:12px;border-radius:14px;background:linear-gradient(180deg,#dfe7f194,#e9eef533),var(--bg-strong)}.preview-stage img{max-width:100%;max-height:300px;object-fit:contain;border-radius:10px;box-shadow:0 18px 30px #1120331f}.preview-empty{display:grid;place-items:center;min-height:100%;width:100%;border:1px dashed rgba(97,114,134,.28);border-radius:12px;color:var(--muted);background:#ffffff80;text-align:center;padding:18px}.preview-card__actions{display:flex;justify-content:flex-end}.shell-layout{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:24px}.shell-main{display:grid;gap:20px;align-content:start}.page-body,.page-stack{display:grid;gap:20px}.app-sidebar{display:grid;align-content:start;gap:24px;padding:24px;border-radius:var(--radius-xl);border:1px solid rgba(17,32,51,.08);background:linear-gradient(180deg,#0d294df5,#112033fa),#112033;color:#f5f8fc;box-shadow:0 28px 56px #11203338}.sidebar-kicker,.sidebar-copy,.sidebar-note span,.nav-link small{color:#e2eaf5b8}.sidebar-brand h1{margin:8px 0 10px;font-size:1.45rem;line-height:1.18}.sidebar-nav{display:grid;gap:10px}.sidebar-section{display:grid;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(226,234,245,.08);background:#ffffff0a}.sidebar-section__header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem}.sidebar-field{gap:10px}.sidebar-field .field-label{color:#e2eaf5b8}.sidebar-select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(226,234,245,.12);background:#ffffff14;color:#f5f8fc}.sidebar-select option{color:var(--text)}.nav-link{display:grid;gap:4px;padding:14px 16px;border-radius:16px;border:1px solid rgba(226,234,245,.08);background:#ffffff0a;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.nav-link span{font-weight:700}.nav-link.is-active,.nav-link:hover{transform:translate(2px);border-color:#9bc5ff57;background:#1859a738}.sidebar-footer{display:grid;gap:12px}.sidebar-note{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff0d}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 24px}.app-header__copy{margin-top:10px;color:var(--muted)}.app-header__meta{display:flex;gap:12px}.app-header__meta>div{min-width:140px;padding:12px 14px;border-radius:16px;background:#1859a70f;border:1px solid rgba(17,32,51,.06)}.app-header__meta-label{display:block;margin-bottom:6px;font-size:.76rem;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.module-card{display:grid;gap:12px;padding:22px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,#fffffffa,#ecf1f8e6);box-shadow:0 18px 36px #11203314;transition:transform .12s ease,box-shadow .12s ease}.module-card:hover{transform:translateY(-2px);box-shadow:0 26px 44px #1120331f}.module-card__tag{justify-self:start;padding:4px 10px;border-radius:999px;background:#1859a71a;color:var(--accent);font-size:.76rem;font-weight:700}.module-card p{color:var(--muted)}.module-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 28px}.module-cta{width:auto;min-width:148px}.module-grid-2{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:20px}.upload-card{padding:24px}.upload-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.upload-card__header p{margin-top:8px;color:var(--muted)}.toggle-list{display:grid;gap:12px;margin-top:18px}.toggle-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#11203308}.slider-grid{display:grid;gap:14px;margin-top:18px}.feature-stack{display:grid;gap:18px}.feature-block{display:grid;gap:14px;padding:18px;border-radius:18px;border:1px solid rgba(31,53,84,.08);background:linear-gradient(180deg,#fffffffa,#eff4fadb)}.feature-block.is-disabled{border-style:dashed;border-color:#61728638;background:linear-gradient(180deg,#f5f7faf5,#e8edf3cc)}.feature-block__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.feature-block__copy{color:var(--muted);font-size:.92rem}.feature-block__state{display:grid;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid rgba(24,89,167,.14);background:#1859a70f;color:var(--info)}.feature-block__state.is-disabled{border-color:#61728624;background:#61728614;color:var(--muted)}.feature-block.is-disabled .field-grid{opacity:.72}.slider-field{display:grid;grid-template-columns:110px 1fr 52px;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#11203308}.slider-field input[type=range]{width:100%}@media(max-width:920px){.shell-layout{grid-template-columns:1fr;padding:16px}.app-header,.module-intro,.hero-card,.panel-header,.result-toolbar{display:grid}.module-grid,.module-grid-2,.workbench-grid,.preview-grid{grid-template-columns:1fr}}@media(max-width:640px){.shell-layout{padding:12px}.app-header,.upload-card,.hero-card,.panel{padding:18px}.app-header__meta,.slider-field,.hero-stats,.module-grid,.field-grid{display:grid;grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#08132194;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(560px,100%);display:grid;gap:18px;padding:24px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.14);background:#fffffff5;box-shadow:0 26px 80px #08132147}.modal-card__header,.modal-card__actions,.license-query-bar,.analytics-grid,.details-grid,.card-plan-grid,.admin-auth-form,.admin-dashboard-shell,.admin-auth-shell{display:grid;gap:16px}.modal-card__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.modal-card__copy{color:var(--muted)}.modal-status{padding:12px 14px;border-radius:14px;border:1px solid rgba(24,89,167,.12);background:#1859a714;color:var(--info)}.icon-button{min-height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:#1120330a;cursor:pointer}.icon-button:hover{background:#11203314}.license-query-bar{grid-template-columns:minmax(0,1fr) 180px;align-items:end}.license-query-button{width:100%}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-card{padding:22px}.analytics-card>p:last-child{margin-top:8px;color:var(--muted)}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-grid div{padding:12px 14px;border-radius:14px;background:#11203308}.details-grid dt{margin-bottom:6px;color:var(--muted);font-size:.84rem}.details-grid dd{margin:0;font-weight:600}.table-shell{overflow:auto;border-radius:16px;border:1px solid rgba(17,32,51,.08);background:#fffc}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid rgba(17,32,51,.08);text-align:left;vertical-align:top}.data-table th{color:var(--muted);font-size:.84rem;font-weight:700;background:#11203308}.admin-auth-shell{min-height:100vh;place-items:center;padding:24px}.admin-auth-card{width:min(560px,100%);padding:28px}.admin-dashboard-shell{padding:24px}.card-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-error{padding:12px 14px;border-radius:14px;color:var(--error);background:var(--error-soft);border:1px solid rgba(163,57,57,.12)}.secondary-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:920px){.license-query-bar,.analytics-grid,.details-grid,.card-plan-grid{grid-template-columns:1fr}}