:root{color-scheme:light;--bg:#f7f6f2;--surface:rgba(255,255,255,0.82);--text:#1d271f;--muted:#56645a;--border:rgba(29,39,31,0.12);--accent:#d8e8a8;--accent-strong:#70863c;--shadow:0 24px 60px rgba(46,61,38,0.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top left,rgba(216,232,168,.42),transparent 28%),linear-gradient(180deg,#fcfbf7 0,var(--bg) 100%);color:var(--text);font-family:Georgia,Times New Roman,serif}body{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.compact-list-item,.item-link,.list-item{transform:none!important}.list-item{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.compact-list-item:hover,.item-link:hover,.list-item:hover{transform:none!important}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;min-height:100vh;padding:32px 20px;border-right:1px solid var(--border);background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-size:1.1rem;font-weight:700}.brand,.brand a{text-decoration:none}.brand-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#dfeab8,#b7cb80);box-shadow:0 0 0 6px rgba(216,232,168,.16)}.nav-links{gap:18px}.nav-links,.nav-section{display:flex;flex-direction:column}.nav-section{gap:10px}.nav-section-title{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-link,.nav-link-empty{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;color:var(--text);text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.nav-link{border:1px solid transparent}.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.74);border-color:var(--border);box-shadow:0 14px 32px rgba(46,61,38,.09)}.nav-link-sub{padding:10px 14px 10px 18px}.nav-link-empty{padding:0;color:var(--muted);font-size:.92rem}.main-content{min-width:0;padding:32px 32px 72px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;color:var(--muted);font-size:.92rem}.breadcrumbs a{text-decoration:none}.separator{margin:0 2px 0 6px}.breadcrumbs .current{color:var(--text)}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}.page-header h1{margin:8px 0 0;font-size:clamp(2.2rem,4vw,3.4rem);line-height:.98}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.74);color:var(--text);text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(46,61,38,.1)}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{border-color:rgba(123,166,29,.22);background:linear-gradient(180deg,#e8f1c7 0,var(--accent) 100%);color:#33411a;font-weight:700}.btn-sm{min-height:38px;padding:0 14px;border-radius:14px;font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);font-size:.8rem;line-height:1;white-space:nowrap}.badge-outline{background:rgba(255,255,255,.52)}.badge-success{border-color:rgba(96,194,120,.36);background:rgba(96,194,120,.12);color:#266b38}.badge-info{border-color:rgba(100,178,255,.28);background:rgba(100,178,255,.12);color:#245886}.badge-warning{border-color:rgba(255,191,76,.36);background:rgba(255,191,76,.12);color:#8d5a00}.badge-danger{border-color:rgba(235,112,112,.34);background:rgba(235,112,112,.12);color:#9d2d2d}.badge-accent{border-color:rgba(112,134,60,.24);background:rgba(216,232,168,.26);color:#5a7130}.editor-layout,.panel-grid{display:grid;grid-gap:24px;gap:24px}.panel-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr)}.editor-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr)}.panel,.product-node{border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel{padding:24px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-title{margin:4px 0 0;font-size:1.35rem}.panel-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(216,232,168,.24);color:var(--accent-strong);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.product-tree{display:grid;grid-gap:18px;gap:18px}.product-node{display:flex;flex-direction:column;gap:18px;padding:26px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-node:hover{transform:translateY(-2px);box-shadow:0 28px 56px rgba(46,61,38,.14);border-color:rgba(123,166,29,.2)}.product-node-channels,.product-node-link,.product-node-meta,.product-node-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.product-node-top{justify-content:space-between}.product-node-title{margin:0;font-size:2rem}.product-node-description{margin:0;color:var(--muted);line-height:1.65}.product-node-meta{color:var(--muted);font-size:.92rem}.product-node-link{color:var(--accent-strong);font-weight:700}.form-group{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.form-label{font-size:.9rem;font-weight:600}.form-hint{color:var(--muted);font-size:.94rem;line-height:1.55}.form-input,.form-select{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.7);color:var(--text)}textarea.form-input{min-height:140px}.form-input:focus,.form-select:focus{outline:none;border-color:rgba(112,134,60,.45);box-shadow:0 0 0 4px rgba(216,232,168,.18)}.compact-inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;align-items:end}.list-container{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid rgba(29,39,31,.08)}.list-container>:first-child{border-top:0}.compact-list-item{padding:14px 0}.list-item-title{display:block;font-weight:700;color:var(--text)}.list-item-sub{display:block;margin-top:6px;color:var(--muted);font-size:.92rem}.item-link{text-decoration:none}.item-link:hover{color:var(--accent-strong)}.empty-state{padding:10px 0;color:var(--muted)}.empty-state strong{display:block;color:var(--text);margin-bottom:6px}.compact-empty-state{padding:8px 0 2px}.panel-details{display:block}.panel-details-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;cursor:pointer}.panel-details-summary::-webkit-details-marker{display:none}.key-value-stack{display:flex;flex-direction:column;gap:14px}.kv-pair{display:grid;grid-gap:8px;gap:8px}.kv-label{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.kv-val{color:var(--text);line-height:1.55}.preview-box{overflow:auto;padding:16px;border-radius:16px;border:1px solid var(--border);background:rgba(26,31,27,.92);color:#edf3e4}.preview-box pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,SFMono-Regular,monospace;font-size:.9rem;line-height:1.6}.page-shell{max-width:1120px;margin:0 auto;padding:56px 24px 80px}.hero{padding:36px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{margin:0 0 12px;color:var(--accent-strong);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:0;max-width:820px;font-size:clamp(2.5rem,6vw,5rem);line-height:.96}.lead{max-width:720px;margin:18px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.65}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px;margin-top:28px}.card{padding:22px;border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:var(--shadow)}.card h2{margin:0 0 10px;font-size:1.2rem}.card p{margin:0;color:var(--muted);line-height:1.55}@media (max-width:640px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto;border-right:0;border-bottom:1px solid var(--border)}.main-content{padding:22px 16px 48px}.editor-layout,.page-header,.panel-grid{grid-template-columns:1fr}.page-header{flex-direction:column}.compact-inline-form{grid-template-columns:1fr}.list-item{flex-direction:column;align-items:flex-start}.page-shell{padding:32px 16px 48px}.hero{padding:24px;border-radius:22px}}