:root{--bg:#0b0d0f;--panel:#111519;--panel-2:#171c22;--text:#f4f4f1;--muted:#9fa6ad;--line:rgba(255,255,255,0.11);--accent:#d5b46a;--accent-2:#f0d891;--danger:#ff716a;--ok:#6fe3a1;--radius:22px;--shadow:0 24px 80px rgba(0,0,0,0.33)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page{min-height:100vh;background:radial-gradient(circle at top left,rgba(213,180,106,.14),transparent 34rem),radial-gradient(circle at 85% 10%,rgba(255,255,255,.06),transparent 28rem),var(--bg)}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.header{justify-content:space-between;padding:24px 0;gap:20px}.brand,.header{display:flex;align-items:center}.brand{gap:12px;font-weight:750;letter-spacing:-.03em}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#8b733d);box-shadow:0 12px 36px rgba(213,180,106,.24)}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn,.danger-btn,.ghost-btn,.nav a{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.04);color:var(--text);cursor:pointer}.btn{background:linear-gradient(135deg,var(--accent),#9f843e);border-color:rgba(213,180,106,.52);color:#111;font-weight:750}.ghost-btn{background:transparent}.danger-btn{background:rgba(255,113,106,.12);border-color:rgba(255,113,106,.32);color:#ffd5d3}.btn:disabled,.danger-btn:disabled,.ghost-btn:disabled{opacity:.55;cursor:not-allowed}.hero{padding:70px 0 34px;display:grid;grid-template-columns:.95fr 1.05fr;grid-gap:34px;gap:34px;align-items:center}.eyebrow{color:var(--accent-2);text-transform:uppercase;font-size:12px;letter-spacing:.18em;font-weight:800}h1{font-size:clamp(42px,6vw,82px);line-height:.92;letter-spacing:-.075em;margin:16px 0 20px}.lead{color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.55;max-width:760px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.mockup{position:relative;min-height:520px;overflow:hidden;padding:28px;display:flex;align-items:center;justify-content:center}.mockup-wall{position:absolute;inset:28px;border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(135deg,#1c232b,#0e1115);background-size:40px 40px,40px 40px,100% 100%;border:1px solid rgba(255,255,255,.11)}.mockup-panel{position:relative;z-index:1;width:min(440px,82vw);aspect-ratio:1/1.22;border-radius:20px;background:linear-gradient(135deg,rgba(213,180,106,.95),rgba(124,105,61,.92));box-shadow:0 42px 90px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;overflow:hidden}.mockup-panel img{max-width:86%;max-height:86%;object-fit:contain;filter:contrast(1.08);mix-blend-mode:multiply;opacity:.86}.mockup-panel .empty{color:rgba(17,17,17,.58);text-align:center;font-weight:800;padding:32px}.section{padding:34px 0}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}.section-title h2{font-size:30px;letter-spacing:-.04em;margin:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.asset-card{padding:16px;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.asset-card:hover{transform:translateY(-2px);border-color:rgba(213,180,106,.45)}.asset-card.selected{border-color:rgba(213,180,106,.8);box-shadow:0 0 0 1px rgba(213,180,106,.28),var(--shadow)}.asset-preview{height:210px;background:#e6e0d5;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-preview img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}.asset-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.asset-meta strong{letter-spacing:-.02em}.badge{color:var(--accent-2);border:1px solid rgba(213,180,106,.32);padding:5px 9px;border-radius:999px;font-size:12px}.form-card{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}label{color:var(--muted);font-size:13px}input,select,textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:12px 13px;outline:none}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:rgba(255,255,255,.05);color:var(--text);padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,#f0d891 0),linear-gradient(135deg,#f0d891 50%,transparent 0),linear-gradient(180deg,rgba(213,180,106,.22),rgba(213,180,106,.08));background-position:calc(100% - 21px) 50%,calc(100% - 14px) 50%,calc(100% - 38px) 50%;background-size:7px 7px,7px 7px,30px 30px;background-repeat:no-repeat}select:hover{border-color:rgba(213,180,106,.38)}select option{background:#0b0d0f;color:#f4f4f1}input:focus,select:focus,textarea:focus{border-color:rgba(213,180,106,.58);box-shadow:0 0 0 1px rgba(213,180,106,.18)}textarea{min-height:112px;resize:vertical}input[type=file]{padding:10px}.status{margin-top:12px;font-size:14px;color:var(--muted)}.status.ok{color:var(--ok)}.status.error{color:var(--danger)}.admin-layout{padding:24px 0 70px}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:34px 0 18px}.admin-title h1{font-size:44px;line-height:1;margin:0}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:var(--radius)}.table td,.table th{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.table tr:last-child td{border-bottom:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045);color:var(--muted)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.footer{padding:40px 0 54px;color:var(--muted)}@media (max-width:900px){.hero{padding-top:36px}.form-grid,.grid,.hero{grid-template-columns:1fr}.mockup{min-height:420px}}.prompt-card{padding:18px;margin-top:24px;max-width:760px}.prompt-row{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;margin-top:8px}.mockup-labels{position:absolute;left:44px;top:44px;z-index:2;display:flex;gap:8px;flex-wrap:wrap}.mockup-labels span{color:var(--accent-2);border:1px solid rgba(213,180,106,.32);background:rgba(0,0,0,.32);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:750}.recommendation-layout{display:grid;grid-template-columns:1.08fr .92fr;grid-gap:18px;gap:18px;align-items:stretch}.recommendation-main{padding:18px;text-align:left;cursor:pointer;border-color:rgba(213,180,106,.28)}.recommendation-main.selected{border-color:rgba(213,180,106,.85);box-shadow:0 0 0 1px rgba(213,180,106,.28),var(--shadow)}.recommendation-kicker{color:var(--accent-2);text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:850;margin-bottom:12px}.alternatives{min-width:0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.asset-card.mini{padding:12px;text-align:left;min-height:0}.asset-card.mini .asset-preview{height:132px;margin-bottom:10px}.asset-preview.large{height:420px;background:linear-gradient(135deg,#efede7,#beb7a8)}.asset-meta.stacked{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.metallic-card{background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.025)),linear-gradient(120deg,rgba(213,180,106,.08),transparent 45%)}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.choice{text-align:left;border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer;min-height:122px}.choice strong{display:block;margin-bottom:8px;letter-spacing:-.02em}.choice span{display:block;color:var(--muted);line-height:1.42}.choice.active{border-color:rgba(213,180,106,.82);background:rgba(213,180,106,.09);box-shadow:inset 0 0 0 1px rgba(213,180,106,.18)}.check-grid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}.check-grid.horizontal{grid-template-columns:repeat(4,minmax(0,1fr))}.check-grid label{color:var(--text);display:flex;gap:8px;align-items:center}.check-grid input{width:auto}.ral-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.ral-choice{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.035);color:var(--text);text-align:left;cursor:pointer;display:grid;grid-template-columns:34px 1fr;grid-gap:3px 10px;gap:3px 10px;align-items:center}.ral-choice.active{border-color:rgba(213,180,106,.82);background:rgba(213,180,106,.08)}.ral-swatch{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.25);grid-row:span 2;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.ral-choice strong{font-size:13px;line-height:1.15}.ral-choice span:last-child{color:var(--muted);font-size:12px}.quote-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:20px}.quote-summary div{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.035)}.quote-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.quote-summary strong{font-size:14px}.table-wrap{overflow-x:auto}.small-text{font-size:12px;max-width:280px;white-space:pre-line;margin-top:6px}@media (max-width:900px){.check-grid.horizontal,.choice-grid,.prompt-row,.quote-summary,.ral-grid,.recommendation-layout{grid-template-columns:1fr}}.compact-hero{padding:54px 0 18px;grid-template-columns:1fr}.hero-no-top-gap{padding-top:54px}.compact-hero h1{max-width:980px;font-size:clamp(36px,5.1vw,68px)}.configurator-shell{padding-top:12px}.configurator-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);grid-gap:22px;gap:22px;align-items:start}.configurator-controls{display:grid;grid-gap:20px;gap:20px;min-width:0}.live-preview-column{position:-webkit-sticky;position:sticky;top:22px;z-index:5}.live-preview-card{padding:18px;overflow:hidden}.preview-meta-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.preview-topline{justify-content:space-between;gap:12px;margin-bottom:14px}.live-mockup,.preview-topline{display:flex;align-items:center}.live-mockup{position:relative;min-height:430px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,#20262d,#080a0d);justify-content:center}.live-mockup-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 0),radial-gradient(circle at 40% 10%,rgba(213,180,106,.16),transparent 22rem),linear-gradient(135deg,#1c232b,#0e1115);background-size:38px 38px,38px 38px,100% 100%,100% 100%}.live-mockup.gate .live-mockup-backdrop{background:linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.028) 1px,transparent 0),radial-gradient(circle at 88% 12%,rgba(213,180,106,.18),transparent 22rem),linear-gradient(180deg,rgba(255,255,255,.88),rgba(234,234,234,.62));background-size:48px 48px,48px 48px,100% 100%,100% 100%}.live-mockup.fence .live-mockup-backdrop{background:linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.025) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.9),rgba(236,236,236,.68));background-size:26px 26px,26px 26px,100% 100%}.live-mockup.railing .live-mockup-backdrop{background:linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.022) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.94),rgba(232,232,232,.62));background-size:34px 34px,34px 34px,100% 100%}.live-mockup.wall .live-mockup-backdrop{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(232,232,232,.72)),radial-gradient(circle at 85% 12%,rgba(213,180,106,.14),transparent 22rem)}.live-panel{position:relative;z-index:1;width:min(76%,320px);aspect-ratio:1/1.22;border-radius:18px;box-shadow:0 42px 90px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.22),inset 0 22px 36px rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;overflow:hidden}.live-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,0) 24%,rgba(0,0,0,.16) 76%,rgba(255,255,255,.1)),repeating-linear-gradient(105deg,rgba(255,255,255,.08) 0 1px,rgba(255,255,255,0) 1px 9px);mix-blend-mode:soft-light;pointer-events:none}.live-panel img,.live-pattern-image{position:relative;z-index:1;max-width:86%;max-height:86%;object-fit:contain;mix-blend-mode:multiply;filter:none;opacity:.98}.live-panel .empty{position:relative;z-index:1;color:rgba(255,255,255,.72);text-align:center;padding:20px;font-weight:800}.live-summary{display:grid;grid-gap:6px;gap:6px;padding:16px 2px 18px}.live-summary h3{margin:0;font-size:20px;letter-spacing:-.035em}.live-summary p{margin:0;color:var(--muted);font-size:14px}.full-width{width:100%;display:inline-flex;justify-content:center}.search-active-state{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.search-active-state strong{letter-spacing:-.02em}.white-preview-stage{background:#f6f6f6!important}.metallic-live-panel{background-color:#9da1aa}.panel-color-chip{position:absolute;left:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(10,12,14,.72);border:1px solid rgba(255,255,255,.14);color:var(--text);box-shadow:0 14px 36px rgba(0,0,0,.26);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-color-chip strong{font-size:12px;letter-spacing:.02em}.premium-search{max-width:none}.search-heading h2{margin:6px 0 0;font-size:28px;letter-spacing:-.045em}.compact-title{margin:0 0 10px}.compact-title.inside-card{margin-bottom:18px}.single-column-recommendation{grid-template-columns:1fr}.single-column-recommendation .asset-preview.large{height:300px}.single-column-recommendation .mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.asset-detail-grid{grid-template-columns:.85fr 1.2fr .85fr}.preview-sticky-admin{position:-webkit-sticky;position:sticky;top:24px;align-self:start}.metadata-editor .form-grid{grid-template-columns:1fr 1fr}.mobile-preview-bar{display:none}@media (max-width:1180px){.configurator-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.choice-grid,.single-column-recommendation .mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.choice-grid,.configurator-workspace{grid-template-columns:1fr}.live-preview-column{position:-webkit-sticky;position:sticky;top:0;order:-1}.live-preview-card{border-radius:0 0 22px 22px;margin-inline:-20px}.live-mockup{min-height:320px}.live-panel{width:min(72%,280px)}.single-column-recommendation .mini-grid{grid-template-columns:1fr 1fr}.asset-detail-grid,.metadata-editor .form-grid{grid-template-columns:1fr}.mobile-preview-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(213,180,106,.35);border-radius:18px;background:rgba(12,14,16,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.45)}.mobile-preview-bar div{min-width:0;display:grid;grid-gap:2px;gap:2px}.mobile-preview-bar strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-bar span{color:var(--muted);font-size:12px}.footer{padding-bottom:96px}}@media (max-width:560px){.single-column-recommendation .mini-grid{grid-template-columns:1fr}.live-preview-card{padding:14px}.live-mockup{min-height:280px}}.no-image-save,.no-image-save img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.no-image-save img{-webkit-user-drag:none;pointer-events:none}.panel-choice{display:grid;grid-template-rows:auto 1fr;grid-gap:12px;gap:12px;min-height:172px}.panel-choice strong{font-size:15px}.panel-graphic{position:relative;min-height:100px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 86% 14%,rgba(213,180,106,.18),transparent 26px),linear-gradient(135deg,#f2f2ee,#aeb4bb 58%,#747b83);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 16px 36px rgba(0,0,0,.18)}.panel-graphic-frame:after,.panel-graphic-frame:before,.panel-graphic:after,.panel-graphic:before{content:"";position:absolute;pointer-events:none}.panel-graphic-frame{position:absolute;inset:18px 22px;border:3px solid rgba(18,20,22,.72);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 10px 20px rgba(0,0,0,.12)}.panel-graphic.fence .panel-graphic-frame:before{inset:14px 16px;background:repeating-linear-gradient(90deg,rgba(20,22,24,.75) 0 4px,transparent 4px 18px)}.panel-graphic.fence:after{left:12px;right:12px;bottom:14px;height:7px;border-radius:999px;background:rgba(20,22,24,.72)}.panel-graphic.railing .panel-graphic-frame{inset:34px 15px 30px;border-width:3px}.panel-graphic.railing:before{left:18px;right:18px;top:23px;height:7px;border-radius:999px;background:rgba(18,20,22,.78)}.panel-graphic.railing .panel-graphic-frame:before{inset:10px 16px;background:repeating-linear-gradient(90deg,rgba(20,22,24,.7) 0 3px,transparent 3px 22px)}.panel-graphic.wall .panel-graphic-frame{inset:13px 36px;border-width:3px;border-radius:10px}.panel-graphic.wall .panel-graphic-frame:before{left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);background:linear-gradient(45deg,transparent 43%,rgba(20,22,24,.72) 43% 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,rgba(20,22,24,.72) 43% 57%,transparent 57%);border-radius:4px}.panel-graphic.gate .panel-graphic-frame{inset:18px 16px;border-width:3px}.panel-graphic.gate .panel-graphic-frame:before{top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%);background:rgba(18,20,22,.72)}.panel-graphic.gate .panel-graphic-frame:after{inset:15px 18px;background:linear-gradient(90deg,transparent 0 12%,rgba(20,22,24,.7) 12% 16%,transparent 16% 28%,rgba(20,22,24,.7) 28% 32%,transparent 32% 68%,rgba(20,22,24,.7) 68% 72%,transparent 72% 84%,rgba(20,22,24,.7) 84% 88%,transparent 88% 100%)}.tagging-cheatsheet{display:grid;grid-gap:8px;gap:8px}.tagging-cheatsheet p{margin:0}.tag-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 14px;gap:8px 14px;font-size:13px;color:var(--text)}@media (max-width:700px){.tag-example-grid{grid-template-columns:1fr}}.compact-download{white-space:nowrap;padding:8px 10px;font-size:12px}