:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070b10;color:#ecf2ef;--bg: #070b10;--surface: #101820;--surface-soft: #0c131a;--surface-strong: #15232a;--surface-lift: #17242c;--text: #ecf2ef;--muted: #91a29d;--line: rgba(170, 194, 187, .16);--line-strong: rgba(196, 217, 211, .28);--accent: #d9b978;--accent-strong: #f0cf88;--accent-ink: #1c1609;--blue: #8db7ff;--amber: #e0b567;--danger: #ff7f6e;--shadow: 0 18px 54px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 16% 0%,rgba(217,185,120,.16),transparent 320px),radial-gradient(circle at 82% 6%,rgba(58,111,104,.18),transparent 360px),linear-gradient(180deg,#0a1016 0,#070b10 420px),var(--bg)}button,input,textarea,select{font:inherit}button{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#101820db;color:var(--text);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}button:hover{border-color:var(--line-strong);background:#17242cf2;box-shadow:0 10px 24px #0000003d}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#0b1219;color:var(--text);outline:none;transition:border-color .14s ease,box-shadow .14s ease}input:focus,textarea:focus,select:focus{border-color:#d9b978b8;box-shadow:0 0 0 3px #d9b97824}input,select{height:42px;padding:0 12px}textarea{min-height:162px;padding:12px;line-height:1.5;resize:vertical}label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:650}h1,h2,h3,p{margin:0}.hidden{display:none}.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.primary:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.danger{border-color:var(--danger);background:#ff7f6e29;color:#ffd8d2}.danger-icon{color:var(--danger)}.ghost{background:transparent}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:44px;align-items:center;max-width:1080px;margin:0 auto;padding:32px}.auth-brand{display:grid;gap:18px}.auth-brand h1{font-size:clamp(42px,7vw,64px);line-height:.98;letter-spacing:0}.auth-brand p{max-width:560px;color:var(--muted);font-size:19px;line-height:1.45}.auth-points{display:grid;gap:10px;margin-top:8px;color:#cad8d3;font-size:14px}.auth-points span{padding-left:12px;border-left:3px solid var(--accent)}.auth-panel,.composer,.items-panel,.side-panel,.modal{border:1px solid var(--line);border-radius:8px;background:#0d141be0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-panel{display:grid;gap:16px;padding:24px}.auth-panel-title{display:grid;gap:6px;padding-bottom:4px}.auth-panel-title h2{font-size:22px}.auth-panel-title p{color:var(--muted);font-size:13px;line-height:1.45}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:850;letter-spacing:0}.brand-mark.large{width:76px;height:76px;font-size:34px}.app-shell{min-height:100vh;width:min(1540px,100%);margin:0 auto;padding:20px;display:grid;gap:16px}.app-header{min-height:72px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:#0d141be6;box-shadow:0 12px 34px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{min-width:0;display:flex;align-items:center;gap:12px}.brand h1{font-size:18px;line-height:1.1}.brand span,.muted{color:var(--muted);font-size:13px}.header-actions,.toolbar,.item-actions,.modal-actions,.share-result{display:flex;align-items:center;gap:8px}.header-actions button,.item-actions button,.device-row button{width:40px;padding:0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metrics div{min-height:74px;border:1px solid var(--line);border-radius:8px;padding:14px 16px;display:grid;align-content:center;gap:4px;background:#0d141bdb}.metrics strong{font-size:24px;line-height:1.05}.metrics span{color:var(--muted);font-size:13px}.workspace{display:grid;grid-template-columns:380px minmax(0,1fr) 310px;gap:16px;align-items:start}.composer{position:sticky;top:20px;padding:16px;display:grid;gap:12px}.toolbar{flex-wrap:wrap}.toolbar button{flex:1 1 120px}.drop-zone{min-height:116px;border:1px dashed rgba(217,185,120,.38);border-radius:8px;padding:16px;display:grid;place-items:center;gap:8px;text-align:center;background:var(--surface-strong);color:var(--muted)}.drop-zone.dragging{border-color:var(--accent);background:#d9b9781f;color:var(--accent)}.composer-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:10px}.segmented{border:1px solid var(--line);border-radius:8px;padding:3px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;background:#05090d99}.segmented button{min-height:34px;border:0;background:transparent;box-shadow:none;font-size:13px;font-weight:750}.segmented button.active{background:#d9b97824;color:#f3dba9;box-shadow:0 3px 14px #0000003d}.segmented.full{width:100%}.segmented.compact{width:270px}.type-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.items-panel{min-height:560px;overflow:hidden}.items-head{min-height:64px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.items-head h2,.panel-title h2{font-size:16px}.item-list{display:grid}.item-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 16px;border-bottom:1px solid var(--line);background:#101820d1}.item-row:hover{background:#16232beb}.item-row:last-child{border-bottom:0}.item-icon,.device-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#d9b97821;color:var(--accent)}.item-main{min-width:0;display:grid;gap:6px}.item-title{min-width:0;display:flex;align-items:center;gap:8px}.item-title strong,.one-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:12px}.meta span{display:inline-flex;align-items:center;gap:4px}.snippet{max-height:78px;margin:2px 0 0;overflow:hidden;border:1px solid rgba(170,194,187,.13);border-radius:8px;padding:9px 10px;background:#05090d8a;color:#d6e2de;font:12px/1.45 SFMono-Regular,Consolas,Liberation Mono,monospace;white-space:pre-wrap;word-break:break-word}.side-panel{position:sticky;top:20px;padding:14px;display:grid;gap:12px}.panel-title{display:flex;align-items:center;gap:8px}.device-list{display:grid;gap:8px}.device-row{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#101820b8}.device-row strong{display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.device-row span{color:var(--muted);font-size:12px}.device-row.revoked{opacity:.48}.empty-state,.loading{min-height:260px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted)}.notice{border:1px solid rgba(217,185,120,.34);border-radius:8px;padding:10px 12px;background:#d9b9781f;color:#f0d69a;font-size:13px}.notice.error{border-color:#ff7f6e6b;background:#ff7f6e1a;color:var(--danger)}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#00000094}.modal{width:min(460px,100%);padding:20px;display:grid;gap:14px}.modal-title{display:flex;align-items:center;gap:10px}.modal-title h2{font-size:18px}.modal p{color:var(--muted);line-height:1.45}.modal-actions{justify-content:flex-end}.stack{display:grid;gap:12px}.share-result{align-items:stretch}.share-result input{flex:1}.close{justify-self:end}.toast{position:fixed;right:20px;bottom:20px;z-index:40;min-height:44px;border-radius:8px;padding:0 16px;display:flex;align-items:center;background:#f0cf88;color:#19150b;box-shadow:var(--shadow);animation:toast 2.4s ease forwards}@keyframes toast{0%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@media(max-width:1240px){.workspace{grid-template-columns:360px minmax(0,1fr)}.side-panel{grid-column:1 / -1;position:static}}@media(max-width:900px){.auth-layout{grid-template-columns:1fr;gap:28px}.workspace{grid-template-columns:1fr}.composer{position:static}.item-row{grid-template-columns:38px minmax(0,1fr)}.item-actions{grid-column:2;flex-wrap:wrap}}@media(max-width:640px){.app-shell{padding:12px}.app-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.metrics,.composer-grid{grid-template-columns:1fr}.items-head{align-items:flex-start;flex-direction:column}.segmented.compact{width:100%}.type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{padding:20px}.auth-brand h1{font-size:42px}.share-result,.modal-actions{flex-direction:column}}