:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--border:var(--lightningcss-light,#ddd)var(--lightningcss-dark,#333);--muted:var(--lightningcss-light,#777)var(--lightningcss-dark,#999);--accent:#2563eb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main.login-main{box-sizing:border-box;justify-content:center;align-items:center;min-height:100svh;padding:16px;display:flex}.card{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.card.wide{align-self:flex-start;max-width:720px;margin-top:48px}.card h1{margin:0}form{flex-direction:column;gap:12px;display:flex}input{font:inherit;border:1px solid var(--border);background:0 0;border-radius:8px;padding:10px 12px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 12px}button:disabled{opacity:.5;cursor:default}button.link{color:var(--accent);background:0 0;padding:0}.error{color:#dc2626;margin:0}.muted{color:var(--muted)}header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.account{align-items:baseline;gap:12px;display:flex}ul.templates{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}ul.templates li{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:12px 0;display:flex}ul.templates a{color:inherit;text-decoration:none}ul.templates a:hover{color:var(--accent)}.viewer{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;min-height:100svh;padding:16px;display:flex}.viewer-bar{align-items:baseline;gap:16px;width:100%;max-width:900px;display:flex}.viewer-bar a{color:var(--accent);text-decoration:none}.stage-wrap{border:1px solid var(--border);background:conic-gradient(var(--lightningcss-light,#eee)var(--lightningcss-dark,#2a2a2a) 90deg,#0000 90deg 180deg,var(--lightningcss-light,#eee)var(--lightningcss-dark,#2a2a2a) 180deg 270deg,#0000 270deg) 0 0/16px 16px;line-height:0}.editor{flex-direction:column;height:100svh;display:flex}.editor-bar{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px 16px;display:flex}.editor-bar a{color:var(--accent);white-space:nowrap;text-decoration:none}.template-name{min-width:160px;font-weight:600}.add-bar{gap:8px;display:flex}.add-bar button{color:inherit;background:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#2a2a2a);padding:6px 10px}.save-state{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px}.save-state.error{color:#dc2626}.editor-body{flex:1;min-height:0;display:flex}.editor-canvas{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.editor-side{border-left:1px solid var(--border);flex-direction:column;gap:8px;width:280px;padding:12px 16px;display:flex;overflow-y:auto}.editor-side h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:8px 0 4px;font-size:13px}.layer-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.layer-list button{text-align:left;width:100%;color:inherit;background:0 0;border-radius:6px;gap:8px;padding:6px 8px;display:flex}.layer-list button.active{background:var(--accent);color:#fff}.layer-list .icon{text-align:center;width:18px}.inspector{flex-direction:column;gap:10px;display:flex}.inspector label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.inspector input,.inspector select,.inspector textarea{font:inherit;color:inherit;border:1px solid var(--border);background:0 0;border-radius:6px;padding:6px 8px}.inspector input[type=color]{height:34px;padding:2px}.inspector input[type=range]{border:none;padding:0}.row{align-items:center;gap:8px;display:flex}.row>label{flex:1}.segmented{gap:4px;display:flex}.segmented button{color:inherit;background:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#2a2a2a);flex:1;padding:6px 8px}.segmented button.active{background:var(--accent);color:#fff}.inspector .danger,button.danger{color:#dc2626}.pills{flex-wrap:wrap;gap:4px;display:flex}.pills button{color:inherit;background:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#2a2a2a);border-radius:999px;padding:5px 9px;font-size:12px}.pills button.active{background:var(--accent);color:#fff}.align-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--lightningcss-light,#ffffffeb)var(--lightningcss-dark,#1e1e22eb);border-radius:14px;gap:18px;padding:10px 14px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#00000080)}.align-group{flex-direction:column;gap:4px;display:flex}.align-group>span{color:var(--muted);text-align:center;font-size:11px}.align-group>div{gap:2px;display:flex}.align-group button{width:30px;height:28px;color:inherit;background:0 0;border-radius:6px;padding:0;font-size:15px}.align-group button:hover:not(:disabled){background:var(--lightningcss-light,#f0f0f2)var(--lightningcss-dark,#2a2a2e)}.align-group button:disabled{opacity:.3}.editor-canvas{position:relative}.mode-btn{color:inherit;background:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#2a2a2a);padding:6px 10px}.mode-btn.active{background:var(--accent);color:#fff}.canvas-format{font:inherit;color:inherit;border:1px solid var(--border);background:0 0;border-radius:8px;max-width:170px;padding:6px 8px}.layer-list li.drop-target{box-shadow:0 -2px 0 var(--accent)}.layer-list .drag-grip{cursor:grab;color:var(--muted);letter-spacing:-2px;margin-right:2px}.inspector .danger{background:0 0;border:1px solid #dc2626}.inspector .row button{color:inherit;background:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#2a2a2a);flex:1}.presets{flex-wrap:wrap;gap:8px;display:flex}.presets button:not(.link){color:inherit;background:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#2a2a2a)}.new-template{align-self:flex-start}.fill-side select{font:inherit;color:inherit;border:1px solid var(--border);background:0 0;border-radius:6px;padding:8px}.match-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.match-list button{text-align:left;width:100%;color:inherit;background:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#2a2a2a);border-radius:8px;flex-direction:column;gap:2px;display:flex}.match-list button.active{background:var(--accent);color:#fff}.match-list button span{opacity:.75;font-size:13px}.photo-upload{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.photo-upload label{flex-direction:column;gap:4px;display:flex}.photo-upload .hint{margin:0;font-size:12px}details.adjustments{border:1px solid var(--border);color:var(--muted);border-radius:6px;flex-direction:column;gap:8px;padding:8px;font-size:13px;display:flex}details.adjustments summary{cursor:pointer}details.adjustments label{flex-direction:column;gap:2px;margin-top:6px;display:flex}.stage-editing-wrap{line-height:0;position:relative}.inline-text-editor{box-sizing:border-box;border:1px dashed var(--accent);resize:none;background:#00000080;outline:none;margin:0;padding:0;font-weight:700;line-height:1;position:absolute;overflow:hidden}.export-btn{margin-top:12px}details.settings{border:1px solid var(--border);border-radius:8px;padding:10px 12px}details.settings summary{cursor:pointer;color:var(--muted)}.settings-body{flex-direction:column;gap:10px;padding-top:12px;display:flex}.settings-body h4{margin:8px 0 0}.settings-body label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.settings-body select,.settings-body input:not([type=file]){font:inherit;color:inherit;border:1px solid var(--border);background:0 0;border-radius:6px;padding:8px}.settings-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;display:flex}.file-btn{color:var(--accent);cursor:pointer;align-self:flex-start}.file-btn-inline{color:var(--accent);cursor:pointer}.cabinet{box-sizing:border-box;gap:24px;max-width:1240px;min-height:100svh;margin:0 auto;padding:24px;display:flex}.side-nav{box-sizing:border-box;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#1e1e22e6);border-radius:18px;flex-direction:column;flex-shrink:0;align-self:flex-start;gap:16px;width:224px;height:calc(100svh - 48px);padding:16px 12px 14px;display:flex;position:sticky;top:24px;box-shadow:0 12px 40px var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#00000080)}.side-nav nav a .icon,.side-account .icon{opacity:.85;align-items:center;display:inline-flex}.side-nav .brand{letter-spacing:-.02em;padding:4px 12px;font-size:18px;font-weight:800}.side-nav nav{flex-direction:column;gap:2px;display:flex}.side-nav nav a{color:inherit;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.side-nav nav a:hover{background:var(--lightningcss-light,#f0f0f2)var(--lightningcss-dark,#2a2a2e)}.side-nav nav a.active{background:var(--accent);color:#fff}.side-nav nav a .icon{text-align:center;width:22px}.side-account{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:auto;padding:12px 4px 0;font-size:13px;display:flex}.account-row{color:inherit;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px;text-decoration:none;display:flex}.account-row:hover{background:var(--lightningcss-light,#f0f0f2)var(--lightningcss-dark,#2a2a2e)}.account-row.active{background:var(--accent);color:#fff}.account-row .email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-account .link{text-align:left;padding:0 8px}.settings-block{border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;max-width:520px;margin-top:14px;padding:16px;display:flex}.settings-block h4{margin:0}.settings-block input{font:inherit;color:inherit;border:1px solid var(--border);background:0 0;border-radius:8px;flex:1;padding:8px 10px}.danger-zone{border-color:var(--lightningcss-light,#fca5a5)var(--lightningcss-dark,#7f1d1d)}.danger-btn{color:#dc2626;background:0 0;border:1px solid #dc2626;align-self:flex-start}.cabinet-content{flex:1;min-width:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.page-head h1{margin:0;font-size:26px}.page-head input{font:inherit;color:inherit;border:1px solid var(--border);background:0 0;border-radius:8px;padding:8px 10px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:16px;margin-top:16px;display:grid}.template-card{border:1px solid var(--border);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1d1d20);border-radius:14px;transition:border-color .15s,transform .15s;overflow:hidden}.template-card:hover{border-color:var(--accent);transform:translateY(-2px)}.template-card .preview{background:conic-gradient(var(--lightningcss-light,#eee)var(--lightningcss-dark,#2a2a2a) 90deg,#0000 90deg 180deg,var(--lightningcss-light,#eee)var(--lightningcss-dark,#2a2a2a) 180deg 270deg,#0000 270deg) 0 0/14px 14px;line-height:0;display:block}.template-card .preview>div{margin:0 auto}.preview-skeleton{height:200px}.template-card .card-body{flex-direction:column;gap:4px;padding:10px 12px 12px;font-size:13px;display:flex}.card-title{color:inherit;font-size:14px;font-weight:600;text-decoration:none}.card-title:hover{color:var(--accent)}.card-actions{gap:12px;margin-top:4px;display:flex}.card-actions a{color:var(--accent);text-decoration:none}.cards-list{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.cards-list>li{border:1px solid var(--border);border-radius:10px;align-items:baseline;gap:16px;padding:10px 14px;display:flex}.font-sample{flex:1;font-size:20px}.button-like{background:var(--accent);color:#fff;border-radius:8px;padding:10px 12px}.pack-card{border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;margin-top:14px;padding:14px;display:flex}.pack-card header{align-items:baseline;gap:14px;display:flex}.pack-card header b{font-size:16px}.logo-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.logo-grid figure{text-align:center;color:var(--muted);margin:0;font-size:11px}.logo-grid img{object-fit:contain;width:56px;height:56px}.logo-grid figcaption{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.club-current{border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;margin:12px 0 16px;padding:14px;font-size:17px;display:flex}.club-current img{object-fit:contain;width:44px;height:44px}.club-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.club-grid h4{color:var(--muted);margin:0 0 8px}.club-grid .cards-list{gap:2px;margin:0}.club-grid .cards-list>li{border:none;padding:0}.club-pick{text-align:left;width:100%;color:inherit;background:0 0;border-radius:8px;padding:7px 10px}.club-pick:hover{background:var(--lightningcss-light,#f0f0f2)var(--lightningcss-dark,#2a2a2e)}.club-pick.active{background:var(--accent);color:#fff}.subscription-placeholder{border:1px dashed var(--border);border-radius:14px;max-width:480px;padding:24px}.member-list>li{justify-content:space-between}.member-info .small,.muted.small{margin-top:2px;font-size:12px}.badge-off{color:#dc2626;font-size:12px}.member-actions{white-space:nowrap;gap:12px;display:flex}.member-form{border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;max-width:560px;padding:18px;display:flex}.member-form h3{margin:0}.member-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.member-form input:not([type=checkbox]),.member-form select{font:inherit;color:inherit;border:1px solid var(--border);background:0 0;border-radius:8px;padding:8px 10px}.member-form .row select{flex:1}.member-templates{flex-direction:column;gap:6px;display:flex}label.checkbox{color:inherit;flex-direction:row;align-items:center;gap:8px}label.checkbox input{width:16px;height:16px}@media (width<=760px){.cabinet{flex-direction:column;padding:12px}.side-nav{width:auto;position:static}.club-grid{grid-template-columns:1fr}}