:root{--ink:#101010;--muted:#666;--line:#d9d9d9;--paper:#fff;--ui:#f4f1eb;--accent:#ee5d35;--edit:#c9b99e}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#e9e6df;font-family:"DM Sans",sans-serif}button,input,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:350px 1fr;min-height:100vh}.sidebar{height:100vh;overflow:auto;padding:24px;background:#f8f6f1;border-right:1px solid #ddd8ce}.app-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brand-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:var(--ink);font:700 20px Outfit}.app-brand strong,.app-brand small{display:block}.app-brand strong{font:700 20px Outfit}.app-brand small{color:var(--muted)}.editor-panel{padding:18px;margin-bottom:14px;border:1px solid #dfdbd2;border-radius:18px;background:#fff}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-title h2{margin:0;font-size:15px}.panel-title>span{font-size:11px;color:var(--muted)}.text-btn{padding:0;border:0;background:none;color:#c64a28;font-size:12px;cursor:pointer}label{display:grid;gap:6px;margin-top:11px}label span{font-size:11px;font-weight:700;color:#5d5952;text-transform:uppercase;letter-spacing:.06em}label input{width:100%;padding:10px 11px;border:1px solid #ddd8cf;border-radius:10px;background:#fcfbf8;outline:none}label input:focus{border-color:#888}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-label input{position:absolute;opacity:0;pointer-events:none}.upload-label b{padding:10px;border:1px dashed #bcb3a6;border-radius:10px;text-align:center;cursor:pointer}.upload-label small{color:var(--muted);text-align:center}.asset-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-item{min-height:84px;padding:9px;border:1px solid #e0dcd4;border-radius:12px;background:#fbfaf7;text-align:left;cursor:grab}.asset-preview{display:flex;align-items:center;gap:7px;margin-bottom:5px}.asset-preview svg{width:28px;height:28px}.asset-item strong{font-size:11px}.asset-item span{display:block;color:var(--muted);font-size:9px}.export-btn{position:sticky;bottom:0;width:100%;padding:15px;border:0;border-radius:14px;color:#fff;background:var(--ink);font-weight:700;cursor:pointer;box-shadow:0 8px 24px #f8f6f1}.workspace{min-width:0;padding:24px 28px}.workspace-header{display:flex;align-items:end;justify-content:space-between;max-width:920px;margin:0 auto 16px}.workspace-header span,.workspace-header p{color:var(--muted);font-size:12px}.workspace-header h1{margin:2px 0 0;font:700 23px Outfit}.stage{overflow:auto;padding:26px;border-radius:24px;background:#393837;box-shadow:inset 0 0 0 1px #2f2e2d}.poster{width:700px;margin:auto}.poster-inner{width:700px;min-height:970px;padding:30px 48px 28px;border:1px solid #ddd;border-radius:25px;background:var(--paper);box-shadow:0 8px 20px rgba(0,0,0,.13)}.logo-mark{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 7px;border:2px solid #111;border-radius:50%;font:700 17px Outfit}.product-heading{text-align:center}.product-heading h2{margin:0;font:700 44px/1.04 Outfit;letter-spacing:-.035em}.product-heading p{margin:4px 0 0;color:#666;font-size:23px;font-weight:500}.product-visual{display:grid;place-items:center;height:270px;margin:10px 0 5px;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:contain}.default-product{width:94%;height:100%}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.drop-slot{min-height:142px;padding:20px 12px 14px}.drop-slot:nth-child(n+4){border-top:1px solid var(--line)}.feature-card{position:relative;display:grid;grid-template-columns:48px 1fr;gap:11px;cursor:grab}.feature-icon svg{width:44px;height:44px;stroke:#111}.feature-title,.feature-description{display:block;width:100%;padding:0;border:0;background:transparent;color:#111;outline:none}.feature-title{margin:2px 0 5px;font-size:14px;font-weight:700}.feature-description{height:58px;resize:none;color:#4e4e4e;font-size:12px;line-height:1.3;overflow:hidden}.remove-card{position:absolute;top:-15px;right:-7px;display:none;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#ece8e1;cursor:pointer}.feature-card:hover .remove-card{display:block}.connectivity-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.connectivity-card{display:grid;grid-template-columns:70px 1fr;align-items:center;min-height:93px;padding:15px 40px}.connectivity-card+ .connectivity-card{border-left:1px solid var(--line)}.connectivity-card svg{width:54px;height:54px}.connectivity-card strong,.connectivity-card span{display:block}.connectivity-card strong{font-size:14px}.connectivity-card span{margin-top:3px;color:#4e4e4e;font-size:12px}.poster-footer{display:grid;grid-template-columns:1fr 205px;min-height:145px;padding-top:22px}.includes-area{padding:0 20px}.includes-area h3{margin:0 0 16px;font-size:19px}.box-zone{display:flex;gap:22px;min-height:70px}.box-item{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:8px;min-width:135px}.box-item svg{width:45px;height:55px}.box-item strong,.box-item span{display:block;font-size:11px}.box-item span{margin-top:3px}.price-area{padding:4px 0 0 25px;border-left:1px solid var(--line)}.price-area p,.price-area small{display:block;margin:0;color:#666;font-size:12px}.price-area strong{display:block;margin:5px 0 4px;font:700 37px Outfit}.drop-slot:empty,.box-zone:empty{outline:1px dashed transparent}.drop-slot.is-over,.box-zone.is-over{background:#fff5ee;outline-color:var(--accent)}.poster:not(.exporting) .drop-slot:empty,.poster:not(.exporting) .box-zone:empty{outline-color:#ddd2c3;outline-offset:-6px}.poster.exporting .remove-card{display:none!important}.poster.exporting input,.poster.exporting textarea{pointer-events:none}.assets-panel{max-height:360px;overflow:auto}@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto}.workspace{padding:18px}.stage{padding:18px}}@media(max-width:760px){.poster{transform-origin:top left}.stage{padding:12px}.workspace-header{align-items:start}.workspace-header p{display:none}}@media print{.sidebar,.workspace-header{display:none}.workspace,.stage{padding:0;background:#fff}.poster-inner{box-shadow:none}}