:root{--paper:#f9f6f3;--ivory:#fffefd;--line:#e9e3df;--ink:#2b211f;--muted:#837974;--rose:#b78e89;--blush:#f3e7e3;--deep:#322425}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Cairo,'DM Sans',sans-serif;background:var(--paper);color:var(--ink);font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}
.sidebar{background:#302522;color:#f6eee8;padding:33px 22px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.mark{text-align:center;padding:8px 0 60px}.mark-logo{display:block;font:400 44px/1 Jost,sans-serif;letter-spacing:.24em;margin-right:-.24em}.mark small{font:500 8px 'DM Sans',sans-serif;letter-spacing:.31em;color:#d1bbb3}.sidebar-label{font:700 10px 'DM Sans',sans-serif;letter-spacing:.2em;color:#ad9992;margin-bottom:15px}.side-link{display:flex;align-items:center;gap:11px;padding:14px 11px;color:#e1d3cd;margin:4px 0;border-radius:8px}.side-link span{font-size:19px;line-height:1}.side-link.active{background:#53413c;color:white}.side-link:hover{background:#493732}.sidebar-foot{margin-top:auto;color:#d7c8c1;line-height:1.7}.sidebar-foot .line{width:40px;height:1px;background:#b8958a;margin-bottom:22px}.sidebar-foot strong{font:italic 18px/1.3 Georgia,serif}.sidebar-foot p{font-size:11px;line-height:2;color:#c0aaa1}.sidebar-foot small{font:9px 'DM Sans',sans-serif;letter-spacing:.13em;color:#9c8980}
.main{min-width:0}.top{height:75px;border-bottom:1px solid var(--line);background:#fffcfa;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,55px);gap:14px}.crumb{font:700 10px 'DM Sans',sans-serif;letter-spacing:.13em;color:#81716d;direction:ltr}.crumb span{padding:0 12px;color:#b5a29a}.top .right{display:flex;gap:9px;align-items:center}.status{font-size:10px;color:#826c61;white-space:nowrap}.status.ok{color:#297457}.btn{border:0;border-radius:4px;padding:12px 17px;font-weight:700;font-size:12px;transition:transform .15s,background .2s;white-space:nowrap}.btn:enabled:hover{transform:translateY(-1px)}.btn.dark{background:var(--deep);color:white}.btn.dark:hover{background:#54403e}.btn.ghost{background:transparent;border:1px solid #ddcec7;color:var(--ink)}.btn.big{padding:15px 24px}
.main-content{max-width:1550px;padding:42px clamp(20px,3.5vw,65px) 70px;margin:auto}.intro{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}.eyebrow{font:700 10px 'DM Sans',sans-serif;color:#a78479;letter-spacing:.24em}.intro h1{font-size:clamp(32px,3.4vw,52px);font-weight:500;line-height:1.35;margin:10px 0 12px}.intro h1 em{font-weight:400;color:#aa7a71;font-family:Georgia,serif}.lede{color:#70635c;font-size:13px;line-height:2;max-width:730px;margin:0}.intro-count{text-align:left;direction:ltr;min-width:180px;border-right:1px solid #c6aca1;padding-right:22px}.intro-count span{font:700 10px 'DM Sans',sans-serif;color:#af8b7e;letter-spacing:.2em}.intro-count strong{display:block;font:600 14px/1.8 'DM Sans',sans-serif}.intro-count small{color:#a5948d;font-size:10px}
.notice{display:flex;gap:10px;align-items:center;padding:14px 18px;border:1px solid #eadbd2;background:#fffaf6;color:#765c4c;line-height:1.8;margin-bottom:27px;border-radius:5px}.notice.error{border-color:#d9a3a3;color:#963f3f;background:#fff4f3}.notice.success{border-color:#b1d1bb;color:#35684b;background:#f3fcf6}.notice-dot{width:8px;height:8px;border-radius:50%;background:var(--rose);flex:none}.workgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(295px,.9fr);gap:30px;align-items:start}.workform{background:var(--ivory);border:1px solid var(--line);border-radius:8px;padding:clamp(22px,3vw,37px);box-shadow:0 15px 45px #39252107}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.section-head small{font:700 10px 'DM Sans',sans-serif;letter-spacing:.16em;color:#af8c83}.section-head h2{font-size:22px;font-weight:600;margin:5px 0 1px}.section-head p{color:var(--muted);margin:0;font-size:12px;line-height:1.9}.step-icon{font:italic 25px Georgia,serif;color:#d4bcb3}.label,.field>span{font-weight:700;color:#5d4c47;display:block;margin-bottom:8px;font-size:12px}.field b{color:#bc7565}.raw,.field input,.field select,.field textarea{border:1px solid #e6dad3;background:#fffefd;border-radius:5px;outline:0;transition:border-color .2s,box-shadow .2s;width:100%;color:#332622}.raw{padding:16px 18px;min-height:195px;font:12px/1.9 Cairo,sans-serif;resize:vertical;direction:auto}.raw:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#b78b7d;box-shadow:0 0 0 3px #b78b7d1a}.field input,.field select{height:44px;padding:0 12px}.field textarea{padding:11px 12px;resize:vertical;line-height:1.8}.field small{color:#9b8b84;font-size:10px;line-height:1.7}.help-row{margin-top:12px;display:flex;justify-content:space-between;gap:10px;align-items:center}.help-row span{color:#928680;font-size:10px}.divider{height:1px;background:#ebe4e0;margin:35px 0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}.field.span2{grid-column:span 2}.soft-pill{background:var(--blush);color:#8d655d;border-radius:100px;padding:6px 10px;font-size:10px;white-space:nowrap}.drop{border:1.5px dashed #c9a99e;background:#fcf7f4;border-radius:8px;min-height:163px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;color:#644b44;padding:22px}.drop.dragover{border-color:#8f6257;background:#f4e8e4}.drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-icon{font-size:27px;line-height:1;color:#a77e72}.drop strong{font-size:12px}.drop small{font-size:10px;color:#95847e;line-height:1.7}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.media-item{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#f4eee9;position:relative}.media-item img,.media-item video{width:100%;aspect-ratio:4/5;object-fit:contain;display:block}.media-item button{position:absolute;top:7px;left:7px;background:#352825;color:#fff;border:0;border-radius:50%;height:25px;width:25px;font-size:14px}.media-item label{display:block;text-align:center;background:#fffbf8;font-size:10px;padding:5px}.review{padding:18px;background:#f8f1ec;border:1px solid #ede0d8;border-radius:5px;margin:30px 0 16px}.review label{display:flex;gap:9px;align-items:center;line-height:1.7;font-size:12px}.review input{accent-color:#65473c;width:18px;height:18px;flex:none}.publish-row{display:flex;align-items:center;gap:15px}.publish-row>span{font-size:10px;line-height:1.8;color:#95827b}.errors{padding:12px;color:#9d4b40;border:1px solid #e4afa4;margin:12px 0;background:#fff5f2;border-radius:4px;line-height:2}.preview-sticky{position:sticky;top:26px}.preview-top{display:flex;align-items:center;justify-content:space-between;font:700 10px 'DM Sans',sans-serif;letter-spacing:.17em;color:#87746e;margin-bottom:13px;direction:ltr}.preview-dot{font-size:10px;letter-spacing:0;color:#b08a7e}.preview-card{border:1px solid var(--line);background:#fffcfa;box-shadow:0 18px 50px #4533270d;border-radius:7px;overflow:hidden}.preview-photo{min-height:380px;aspect-ratio:4/4.65;background:radial-gradient(ellipse at 70% 30%,#fbefec,#ebd5ce 70%,#d5b6ae);display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.preview-photo>img,.preview-photo>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.preview-photo span{font:40px Jost,sans-serif;letter-spacing:.24em;color:#9c7871}.preview-photo small{font:9px 'DM Sans',sans-serif;color:#b49189;letter-spacing:.2em}.preview-meta{display:flex;justify-content:space-between;text-transform:uppercase;color:#9f7872;font:700 10px 'DM Sans',sans-serif;letter-spacing:.1em;margin:22px 22px 10px;direction:ltr}.preview-card h3{font:400 29px/1.3 Georgia,serif;margin:0 22px 10px;direction:auto;text-align:start}.preview-price{font-size:16px;font-weight:700;margin:0 22px 8px}.preview-card p{font-size:12px;color:#756963;line-height:1.8;margin:0 22px 21px}.preview-foot{border-top:1px solid var(--line);padding:15px 22px;display:flex;justify-content:space-between;font:9px 'DM Sans',sans-serif;letter-spacing:.14em;color:#9c7b73;direction:ltr}.decision{margin-top:20px;border:1px solid #e9d6cb;background:#f4e9e3;padding:18px;border-radius:5px}.decision strong{font-size:12px}.decision p{margin:5px 0 0;font-size:11px;line-height:1.9;color:#7b625c}.links{margin-top:19px;display:flex;justify-content:space-between;color:#94786e;font-size:11px}
@media(max-width:1180px){.app{grid-template-columns:185px minmax(0,1fr)}.workgrid{grid-template-columns:minmax(0,1.3fr) minmax(255px,.8fr);gap:18px}.main-content{padding:28px 20px}.sidebar{padding:25px 14px}.intro-count{display:none}}
@media(max-width:900px){.app{display:block}.sidebar{height:auto;min-height:0;position:relative;padding:14px 20px;display:flex;flex-direction:row;align-items:center;gap:20px}.sidebar .mark{padding:0;text-align:left}.mark-logo{font-size:23px}.mark small{font-size:6px}.sidebar .sidebar-label,.sidebar .sidebar-foot{display:none}.sidebar nav{display:flex;gap:7px;overflow-x:auto}.side-link{white-space:nowrap;padding:9px;font-size:11px}.workgrid{grid-template-columns:1fr}.preview-sticky{position:relative;top:auto;max-width:520px;margin:auto}.preview-photo{min-height:250px}}
@media(max-width:570px){.top{height:auto;min-height:65px;padding:13px}.crumb{font-size:8px}.intro h1{font-size:34px}.intro{display:block}.main-content{padding:23px 12px}.workform{padding:18px 15px}.field-grid{grid-template-columns:1fr}.field.span2{grid-column:auto}.help-row,.publish-row{flex-direction:column;align-items:stretch}.help-row>span{order:2}.sidebar{flex-wrap:wrap}.sidebar nav{width:100%}.top .right{flex-wrap:wrap}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-photo{aspect-ratio:4/4}.status{max-width:85px;overflow:hidden;text-overflow:ellipsis}}

/* Product Factory draft queue — integrated, not another admin dashboard. */
.factory-queue{background:#fff;border:1px solid #e6dad8;border-radius:14px;padding:21px 23px;margin-bottom:24px}
.factory-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:15px}
.factory-heading small{font:700 10px "DM Sans",sans-serif;color:#9b6574;letter-spacing:.14em}
.factory-heading h2{font-size:21px;margin:6px 0 5px}
.factory-heading p{font-size:12px;color:#796e72;max-width:670px;line-height:1.9;margin:0}
.factory-heading a{color:#8c4e64;font-size:12px;border-bottom:1px solid #c79ca5}
.factory-list{display:flex;flex-wrap:wrap;gap:9px;max-height:165px;overflow:auto}
.factory-list>p{font-size:12px;color:#786e72}
.factory-draft{background:#faf7f5;color:#483d42;border:1px solid #e5dad8;border-radius:9px;min-width:145px;max-width:260px;display:grid;gap:4px;padding:11px 14px;text-align:right}
.factory-draft strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.factory-draft small{font-size:10px;color:#877479;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.factory-draft.selected{border-color:#8c6572;background:#f1e5e8}
.factory-current{border-top:1px solid #ede3e2;margin-top:15px;padding-top:13px}
.factory-current p{font-size:11px;color:#766875;line-height:1.9;overflow-wrap:anywhere}
.factory-current a{color:#854a62;text-decoration:underline;text-underline-offset:3px}
.factory-current button{margin:4px 0 4px 9px}
.factory-current>span{display:block;font-size:11px;color:#745a66;margin-top:7px}
@media(max-width:580px){.factory-queue{padding:15px}.factory-draft{max-width:100%;min-width:0;flex:1 1 150px}}

/* Private draft cloud sync in existing Product Studio; no new app or paid UI. */
.factory-cloud-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid #e9dcdc;border-radius:9px;background:#faf5f4;padding:12px 14px;margin:0 0 15px}
.factory-cloud-actions>span{flex-basis:100%;font-size:11px;color:#765c6a;line-height:1.9}
.factory-cloud-actions>span.error{color:#a34543}
.factory-cloud-actions>button{min-height:40px;font-size:11px}
.factory-cloud-actions>button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:580px){.factory-cloud-actions{display:grid}.factory-cloud-actions>button{width:100%}}