:root{--bg-dark:#f2f4f8;--bg-secondary:#fff;--text:#1f2937;--muted:#64748b;--accent:#1f8cff;--accent-dark:#0a6fd3;--border:#dbe2ec;--hover-bg:#e8f0ff;--card-bg:#fff;--soft-shadow:0 8px 24px rgba(31,41,55,.08)}[data-theme=dark]{--bg-dark:#2c003e;--bg-secondary:#3a004f;--text:#f4d8ff;--muted:#d3a8e5;--accent:#ff5fd1;--accent-dark:#e336b2;--border:#642b6a;--hover-bg:#48226a}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg-dark);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}.card{background:var(--card-bg);border-radius:16px;box-shadow:var(--soft-shadow);transition:box-shadow .2s ease,transform .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(31,41,55,.12)}.container{max-width:1000px;margin:0 auto;padding:28px}.card{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.08);transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.btn{display:inline-block;padding:12px 20px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.btn:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.muted{color:var(--muted)}.center{text-align:center}.qualifier-select{width:100%;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);margin-top:8px;font-size:16px;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23F59E0B' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:12px 36px 12px 12px;transition:border-color .2s ease}[data-theme=dark] .qualifier-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23FFB84D' d='M1 1l5 5 5-5'/%3E%3C/svg%3E")}.qualifier-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,158,11,.1)}.qualifier-select option{background:var(--bg-secondary);color:var(--text);padding:8px}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-family:inherit;font-size:16px;transition:border-color .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,158,11,.1)}input[type=color]{cursor:pointer}@media (max-width:1024px){.container{max-width:100%;padding:16px}.card{border-radius:10px;padding:16px}.btn{width:100%;padding:14px 18px}.muted{font-size:14px}.center{text-align:center}.qualifier-select{font-size:15px;padding:12px}.dashboard-grid{display:block!important;width:100%;max-width:100%;margin:0 auto}.dashboard-panel{max-width:100%!important;width:100%!important}.preview-panel{position:static!important;max-width:100%!important;height:auto!important;top:auto!important}.preview-panel>div{margin-top:20px}}.dashboard-grid{grid-template-columns:1fr 460px;grid-template-rows:auto;grid-gap:24px;gap:24px;width:100%;max-width:1320px;margin:0 auto;box-sizing:border-box}.dashboard-grid,.form-layout{display:grid!important;align-items:start}.form-layout{grid-template-columns:1fr 460px;grid-gap:20px;gap:20px}.links-layout{display:grid!important;grid-template-columns:1fr 460px;grid-gap:24px;gap:24px;align-items:start}.dashboard-panel{width:100%;min-width:0}.preview-panel{width:100%;max-width:460px;position:-webkit-sticky;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.card-emphasis{border:2px solid var(--accent);background:linear-gradient(135deg,var(--hover-bg) 0,var(--card-bg) 100%);box-shadow:0 0 20px rgba(31,140,255,.12)}.card-emphasis:hover{box-shadow:0 0 30px rgba(31,140,255,.2);border-color:var(--accent-dark)}.theme-preset-btn{padding:10px 18px;border-radius:10px;border:2px solid var(--border);background:var(--bg-secondary);color:var(--text);font-weight:600;cursor:pointer;font-size:14px;transition:all .2s ease;white-space:nowrap}.theme-preset-btn:hover{border-color:var(--accent);background:var(--hover-bg);transform:translateY(-1px)}.theme-preset-btn.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(31,140,255,.3)}.link-card{display:flex;align-items:center;justify-content:center;padding:18px 24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);font-weight:600;font-size:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin:8px 0}.link-card:active,.link-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 28px rgba(31,140,255,.15);border-color:var(--accent);background:var(--hover-bg)}@media (max-width:768px){.theme-preset-btn{padding:8px 14px;font-size:12px}.link-card{padding:16px 18px;font-size:15px}}@media (max-width:900px){.dashboard-grid,.form-layout,.links-layout{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;gap:20px!important;width:100%!important;max-width:100%!important}.preview-panel{position:relative!important;top:0!important;left:0!important;height:auto!important;max-height:none!important;overflow:visible!important;margin-top:20px;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary)}.card,.dashboard-panel,.preview-panel{width:100%!important;max-width:100%!important}.card,.dashboard-panel{box-sizing:border-box}.btn,.qualifier-select,input,select,textarea{width:100%!important;font-size:16px!important;padding:14px!important;margin-bottom:12px!important}.container{padding:16px!important}}