:root{--bg:#f6f3f5;--panel:#fff;--text:#20191d;--muted:#776b71;--line:#eadfe4;--brand:#8f183f;--brand2:#bc3f67;--accent:#ffb52e;--green:#168d72;--shadow:0 14px 45px rgba(74,35,51,.08);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#21171c;color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:6px 8px 20px;border-bottom:1px solid #3a2a32}.brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:14px;padding:5px}.brand b{display:block;font-size:22px}.brand small{color:#b9aab1}.sidebar nav{display:grid;gap:6px;margin-top:20px}.nav{border:0;background:transparent;color:#d7cbd0;padding:13px 14px;border-radius:12px;text-align:right;display:flex;gap:10px;align-items:center;text-decoration:none}.nav span{width:22px;text-align:center}.nav:hover,.nav.active{background:#34242c;color:#fff}.side-foot{margin-top:auto;border-top:1px solid #3a2a32;padding:16px 8px 0;display:flex;gap:9px;align-items:center}.side-foot small{display:block;color:#a8979f}.online{width:10px;height:10px;border-radius:50%;background:#36d39c;box-shadow:0 0 0 5px #36d39c1f}.main{min-width:0}.topbar{height:78px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 24px;position:sticky;top:0;z-index:30}.search{background:#f5f1f3;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 12px;flex:1;max-width:650px}.search input{border:0;background:transparent;outline:0;padding:12px;width:100%}.top-actions{margin-right:auto;display:flex;align-items:center;gap:12px}.user{display:flex;align-items:center;gap:8px}.user>span{background:#f1dde5;color:var(--brand);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:bold}.user small{display:block;color:var(--muted)}.content{padding:28px}.view{display:none}.view.active{display:block}.btn,.icon-btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:11px;padding:10px 15px}.icon-btn{padding:9px 12px}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.accent{background:var(--accent);border-color:var(--accent);font-weight:bold}.btn.ghost{background:#fff}.btn.wide{width:100%}.text-btn{border:0;background:transparent;color:var(--brand);font-weight:bold}.hero{background:linear-gradient(135deg,#fff 0,#fff7fa 60%,#f0dde5 100%);border:1px solid var(--line);border-radius:28px;min-height:330px;padding:40px;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;box-shadow:var(--shadow);overflow:hidden}.eyebrow{color:var(--brand);font-weight:bold;font-size:13px;margin-bottom:8px}.hero h1{font-size:42px;margin:0 0 14px;line-height:1.25}.hero p{font-size:18px;line-height:1.8;color:var(--muted);max-width:700px}.hero-badges{display:flex;flex-wrap:wrap;gap:8px}.hero-badges span{background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:999px}.hero-art{display:grid;place-items:center}.art-sheet{width:280px;height:220px;background:#21171c;border-radius:20px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;transform:rotate(-4deg);box-shadow:0 25px 60px #32101c2e}.art-sheet i{border:1px solid #765363;border-radius:8px;background:#34242c}.art-sheet i:nth-child(3){border-radius:50%}.art-sheet b{position:absolute;left:18px;bottom:17px;color:#ffd66f;font-size:30px}.art-sheet small{position:absolute;right:18px;bottom:22px;color:#d7cbd0}.section-head,.page-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:28px 0 16px}.section-head h2,.page-head h2{margin:0 0 6px;font-size:28px}.section-head p,.page-head p{margin:0;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.work-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:right;box-shadow:var(--shadow);transition:.2s}.work-card:hover{transform:translateY(-3px);border-color:#d9bdc8}.work-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:25px;margin-bottom:14px}.work-card h3{margin:0 0 7px}.work-card p{margin:0;color:var(--muted);line-height:1.7;min-height:48px}.work-card footer{margin-top:15px;display:flex;justify-content:space-between;color:var(--brand);font-weight:bold}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.dashboard-row .panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between}.recent{display:grid;gap:10px;margin-top:12px}.recent-item{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:10px}.quick-panel p{color:var(--muted);line-height:1.7}.flow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.flow span{background:#f5f1f3;padding:7px 10px;border-radius:9px}.filters{padding:12px;display:grid;grid-template-columns:1fr 220px 220px;gap:10px;margin-bottom:16px}.filters input,.filters select,.form-stack input,.form-stack select,label input,label select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;outline:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;text-align:right;box-shadow:var(--shadow)}.product-card .p-icon{width:46px;height:46px;border-radius:13px;background:#f5e5eb;color:var(--brand);display:grid;place-items:center;font-size:24px}.product-card h3{margin:12px 0 7px}.product-card p{color:var(--muted);font-size:13px;line-height:1.7;min-height:44px}.product-card footer{display:flex;justify-content:space-between;align-items:center}.pill{background:#f5f1f3;border-radius:999px;padding:6px 9px;font-size:12px}.studio-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.studio-top h2{margin:3px 0}.studio-top small{color:var(--muted)}.studio-top-actions{display:flex;gap:8px}.studio-grid{display:grid;grid-template-columns:290px minmax(0,1fr) 260px;gap:14px;align-items:start}.config-pane,.summary-pane{padding:14px;position:sticky;top:95px}.pane-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:15px}.pane-tabs button,.seg button{border:0;background:#f5f1f3;padding:9px;border-radius:9px}.pane-tabs button.active,.seg button.active{background:#2d2227;color:#fff}.tab-pane{display:none}.tab-pane.active{display:block}.form-stack,label{display:grid;gap:6px;font-size:13px}.form-stack{gap:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.divider{height:1px;background:var(--line);margin:15px 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-grid button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px}.check{display:flex;gap:8px;align-items:center;margin:12px 0}.check input{width:auto}.canvas-pane{min-height:720px;overflow:hidden}.canvas-bar{height:58px;border-bottom:1px solid var(--line);padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.seg{display:flex;gap:5px}.canvas-wrap{height:610px;background-color:#f8f8f8;background-image:linear-gradient(#ececec 1px,transparent 1px),linear-gradient(90deg,#ececec 1px,transparent 1px);background-size:20px 20px;display:grid;place-items:center;overflow:auto;position:relative}.canvas-wrap svg{width:94%;height:94%;transition:.15s;transform-origin:center}.canvas-foot{height:50px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 15px;font-size:12px}.canvas-foot em{margin-right:auto;color:var(--muted)}.canvas-foot i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-left:5px}.cut{background:#d22f54}.design-dot{background:#3776d6}.summary-pane h3{margin-top:3px}.summary-card{display:flex;gap:10px;align-items:center;background:#faf6f8;border:1px solid var(--line);border-radius:13px;padding:11px}.summary-icon{width:45px;height:45px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--brand);font-size:22px}.summary-card small{display:block;color:var(--muted);margin-top:3px}.summary-list{margin-top:12px}.summary-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px}.pro-note{background:#fff8e8;border:1px solid #f5dfad;border-radius:12px;padding:11px;margin-top:14px}.pro-note p{font-size:12px;line-height:1.7;margin:5px 0}.nest-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.nest-stats span{background:#f6f2f4;border-radius:10px;text-align:center;padding:8px}.nest-stats small{display:block;color:var(--muted)}.project-grid,.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card,.material-card{padding:17px;background:#fff;border:1px solid var(--line);border-radius:16px}.project-card h3,.material-card h3{margin:7px 0}.project-card p,.material-card p{color:var(--muted);font-size:13px}.project-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.sub-title{margin-top:28px}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#f3dce5,#f8f5f6 50%)}.auth-card{background:#fff;border:1px solid var(--line);border-radius:24px;width:min(430px,92vw);padding:28px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:13px}.auth-brand img{width:60px;height:60px;object-fit:contain}.auth-brand h1{margin:0}.auth-brand p{margin:3px 0;color:var(--muted)}.stack{display:grid;gap:13px}.alert{padding:10px;border-radius:10px;margin:12px 0}.alert.danger{background:#ffe7ea;color:#8c1738}.demo-note{margin-top:15px;background:#f6f2f4;border-radius:12px;padding:11px;display:grid;gap:3px;font-size:13px}.toast{position:fixed;left:24px;bottom:24px;background:#21171c;color:#fff;border-radius:12px;padding:12px 16px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translateY(0)}.mobile{display:none}.empty{padding:28px;text-align:center;color:var(--muted);grid-column:1/-1}.empty-small{color:var(--muted);line-height:1.7;font-size:12px}.selected-outline{stroke:#2179c7!important;stroke-width:3!important;stroke-dasharray:8 6}.font-preview{font-size:18px}.admin-wrap{max-width:1200px;margin:auto;padding:25px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-panel{padding:18px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px;border-bottom:1px solid var(--line);text-align:right;font-size:13px}.table th{background:#f7f3f5}.admin-form{display:grid;gap:11px}.admin-form textarea{min-height:90px;border:1px solid var(--line);border-radius:10px;padding:10px}
@media(max-width:1200px){.product-grid{grid-template-columns:repeat(3,1fr)}.studio-grid{grid-template-columns:260px 1fr}.summary-pane{grid-column:1/-1;position:static}.summary-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary-list div{display:grid}.work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;right:-280px;width:260px;transition:.2s}.sidebar.open{right:0}.mobile{display:inline-block}.content{padding:16px}.hero{grid-template-columns:1fr;padding:25px}.hero h1{font-size:32px}.hero-art{display:none}.dashboard-row,.studio-grid,.admin-grid{grid-template-columns:1fr}.config-pane,.summary-pane{position:static}.canvas-pane{min-height:600px}.filters{grid-template-columns:1fr}.product-grid,.project-grid,.material-grid{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 12px}.user div{display:none}}
@media(max-width:560px){.work-grid,.product-grid,.project-grid,.material-grid{grid-template-columns:1fr}.studio-top{align-items:flex-start;gap:10px}.studio-top-actions{flex-wrap:wrap}.search{display:none}.summary-list{grid-template-columns:1fr 1fr}.canvas-wrap{height:480px}.canvas-pane{min-height:550px}}