:root{font-family:Space Grotesk,Sora,Segoe UI,sans-serif;color:#0f172a;background:#f5f8ff;--bg-1: #f3f8ff;--bg-2: #fff4e8;--panel: #ffffffd6;--ink: #0f172a;--muted: #4b5563;--line: #d7deee;--primary: #0b5fff;--primary-ink: #ffffff;--danger: #c1121f;--good: #126f34;--warn: #b45309;--ring: #88a6ff;--radius: 18px;--shadow: 0 18px 40px rgba(30, 41, 59, .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0% 0%,var(--bg-2) 0,transparent 35%),radial-gradient(circle at 100% 100%,#daebff 0,transparent 30%),linear-gradient(135deg,var(--bg-1),#f8fbff);color:var(--ink)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.top-nav{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9}.brand-group{display:flex;align-items:center;gap:.75rem}.brand{font-size:1.1rem;font-weight:800;letter-spacing:.04em}nav{display:flex;gap:.6rem;justify-content:center}nav a{padding:.45rem .8rem;border-radius:999px;color:var(--muted)}nav a.active{color:#052152;background:#dbe8ff;font-weight:700}.user-area{display:flex;align-items:center;gap:.65rem}.user-email{font-size:.85rem;color:var(--muted)}.content{width:min(1320px,calc(100% - 2rem));margin:1.2rem auto 2.5rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}button,.button-link{border:none;border-radius:12px;background:var(--primary);color:var(--primary-ink);font-weight:700;padding:.65rem .95rem;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover,.button-link:hover{filter:brightness(1.03);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}button.secondary,.button-link.secondary{background:#e5eaf5;color:#1f2a43}button.ghost{background:transparent;color:inherit;padding:0;width:100%;text-align:left}input,select,textarea{width:100%;border:1px solid #cfd8ed;background:#fff;border-radius:10px;padding:.58rem .7rem;color:var(--ink)}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid var(--ring);outline-offset:1px}label{display:grid;gap:.45rem;font-size:.9rem;color:#263650}.stack-form{display:grid;gap:.65rem}.inline-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.maker-page h1{margin:0;font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem)}.maker-grid{display:grid;gap:1rem}.preview-card{margin-top:1rem;display:grid;grid-template-columns:minmax(260px,460px) 1fr;gap:1rem}.preview-frame{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;border:1px solid #ced9f2;background:#fff;box-shadow:inset 0 0 0 1px #edf2ff}.preview-frame canvas{width:100%;height:100%;display:block}.logo-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;box-shadow:0 12px 24px #0f172a2e}.logo-overlay img{width:100%;height:100%;object-fit:cover;display:block}.preview-meta{display:grid;gap:.8rem}.mono{font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:.8rem;word-break:break-all}.section-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.section{border:1px solid var(--line);border-radius:14px;padding:.85rem;background:#ffffffa8;display:grid;gap:.7rem}.section h2{margin:0;font-size:1rem}.badge{display:inline-flex;align-items:center;background:#dbe8ff;color:#09285f;border:1px solid #b5caf3;border-radius:999px;padding:.23rem .6rem;font-size:.75rem;font-weight:700}.badge.warning{background:#ffe9ce;color:#7b3100;border-color:#f7c58f}.warning{color:var(--warn);margin:0}.error{color:var(--danger);margin:0}.success{color:var(--good);margin:0}.hint{color:#0f4d87;margin:0}.button-row{display:flex;flex-wrap:wrap;gap:.6rem}.validation-box{border:1px dashed #bfd0ef;border-radius:12px;padding:.8rem;background:#f5f9ff}.search-row{display:flex;gap:.6rem}.dashboard-page{display:grid;gap:1rem}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1rem}.list-stack{display:grid;gap:.65rem;max-height:62vh;overflow:auto}.link-card{border:1px solid #d7e2f5;border-radius:12px;padding:.75rem;background:#fff;display:grid;gap:.45rem}.link-card.selected{border-color:#88a7ef;box-shadow:inset 0 0 0 1px #bfd1ff}.inline-fields{display:grid;grid-template-columns:1fr .8fr .5fr auto;gap:.45rem}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.auth-page{display:grid;place-items:center;min-height:calc(100vh - 180px)}.auth-card{width:min(520px,100%);background:#fffffff2;border-radius:22px;border:1px solid #dce4f4;padding:1.2rem;box-shadow:0 25px 45px #15274e1f}.mode-row{display:flex;gap:.5rem;margin-bottom:.8rem}.mode-row button{flex:1;background:#eaf0ff;color:#233149}.mode-row button.active{background:#0b5fff;color:#fff}@media(max-width:1024px){.preview-card,.section-grid,.dashboard-grid,.inline-fields,.stats-grid{grid-template-columns:1fr}.top-nav{grid-template-columns:1fr;justify-items:start}nav{justify-content:start}}