*{box-sizing:border-box}body{margin:0;background:#fff;color:#252729;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #7659ca}button{border:1px solid #dddfe2;border-radius:7px;padding:9px 15px;background:white;color:inherit;font-size:14px;font-weight:550}button:hover{background:#f1f2f3}button.primary{background:#27292c;color:white;border-color:#27292c}button.primary:hover{background:#444}button.danger:hover{color:#a02931;background:#fcecee}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#f7f7f8;border-right:1px solid #e7e7e8;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.wordmark{font-weight:750;letter-spacing:-1.2px;font-size:27px;padding:0 10px 26px}.workspace{padding:17px 10px;border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;font-size:14px}.workspace strong{display:block}.workspace small{color:#71757b}.nav{display:grid;gap:5px;margin-top:26px}.nav button{border:0;background:none;text-align:left;padding:11px 13px}.nav button.active{background:#e9e9ec}.nav button span{display:inline-block;width:24px;color:#62666c}.sidefoot{margin-top:auto;padding:18px 10px 0;font-size:13px;color:#62666c}.avatar{display:inline-flex;width:33px;height:33px;border-radius:50%;background:#e4e5e8;align-items:center;justify-content:center;font-weight:600;font-size:12px;margin-right:9px}.topbar{height:76px;border-bottom:1px solid #e9e9ec;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px}.topbar select{font-size:14px;padding:7px;border:1px solid #ddd;border-radius:6px;background:white}.demo{background:#f1eefb;color:#62458f;border-radius:5px;font-size:12px;padding:4px 9px;margin-left:10px}.main{padding:38px 42px 60px;max-width:1550px;margin:auto}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 9px}h2{font-size:20px;letter-spacing:-.4px;margin:0}h3{font-size:16px;margin:0}p{margin:0 0 18px}.muted{color:#696e75}.eyebrow{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#787d84;margin-bottom:12px}.heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:28px}.actions{display:flex;gap:10px;flex-wrap:wrap}.launch{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:34px}.launch button{text-align:left;padding:25px;border-radius:10px}.launch button strong{display:block;font-size:21px;letter-spacing:-.5px;margin:8px 0}.launch button small{font-size:14px;font-weight:400;color:#6b6f76}.launch button.primary small{color:#cbd0d6}.launch .symbol{font-size:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e4e5e7;border-radius:9px;margin-bottom:34px}.stat{padding:19px 23px;border-right:1px solid #e4e5e7;font-size:14px;color:#646970}.stat:last-child{border:0}.stat strong{display:block;color:#282b30;font-size:26px;margin-top:4px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:26px 0 17px}.sectionhead small{color:#73777e}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;font-size:12px;font-weight:550;padding:4px 8px;background:#eceff2;color:#555e68}.badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.approved{color:#23734f;background:#e9f5ee}.changes{color:#85600b;background:#fff4d6}.rejected{color:#a6353b;background:#fbeaed}.rush{color:#6940a4;background:#eee7fa}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid #e3e4e7;border-radius:9px;overflow:hidden;background:white;cursor:pointer;transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:0 5px 19px #0000000c;transform:translateY(-2px)}.art{background:#f0f1f2;aspect-ratio:1.45;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.art .graphic{width:100%;height:100%;background-image:url('sample-art.png');background-size:200% 200%;background-repeat:no-repeat;position:absolute;inset:0}.art img{width:100%;height:100%;object-fit:contain}.cardbody{padding:17px}.cardtitle{display:flex;justify-content:space-between;gap:10px;margin:10px 0 3px;font-size:15px}.meta{font-size:13px;color:#71767c}.note{font-size:14px;background:#faf7ef;padding:10px 12px;border-radius:5px;margin-top:12px;color:#725c2b}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.filters input{flex:1;min-width:180px}.filters input,.filters select{border:1px solid #dfe1e4;border-radius:6px;padding:9px 11px;background:white;font-size:14px}.tabs{display:flex;gap:5px;border-bottom:1px solid #e4e5e7;padding-bottom:13px}.tabs button{border:0;color:#656b73}.tabs button.active{background:#eeeeef;color:#23262b}.panel{border:1px solid #e2e4e7;border-radius:9px;padding:24px;background:white}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field label{display:block;font-size:14px;font-weight:550;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8dbe0;border-radius:6px;padding:10px 12px;background:white;font-size:14px}.field textarea{resize:vertical;min-height:110px}.full{grid-column:1/-1}.formsection{margin-bottom:25px}.formsection h2{margin-bottom:20px}.drop{border:1px dashed #b8bdc6;border-radius:8px;min-height:145px;text-align:center;padding:24px;display:grid;place-content:center;background:#fafbfc;position:relative}.drop input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.drop strong{font-size:15px}.drop small{color:#6c737c;font-size:13px}.drop img{height:100px;max-width:100%;object-fit:contain}.detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);gap:28px}.detail .art{aspect-ratio:1.1;border:1px solid #e4e5e7;border-radius:9px}.detail .art.zoom{position:fixed;inset:6vh 8vw;z-index:9;aspect-ratio:auto;box-shadow:0 0 0 100vw #0009;cursor:zoom-out}.info{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;font-size:14px}.info small{display:block;color:#7b8087}.thread{border-top:1px solid #e6e7e9;padding:18px 0;margin-top:18px}.thread p{margin:7px 0;font-size:14px}.thread small{font-size:12px;color:#777}.review{margin-top:22px}.review textarea{width:100%;min-height:150px;border:1px solid #d8dce2;border-radius:7px;padding:13px;resize:vertical;font-size:15px;line-height:1.6}.decision{display:flex;gap:7px;margin-top:13px;flex-wrap:wrap}.decision button[data-status=Approved]:hover{background:#e8f5ee;color:#236a48;border-color:#93c5a9}.decision button[data-status="Changes requested"]:hover{background:#fff4d6;color:#806009;border-color:#ddc371}.decision button[data-status=Rejected]:hover{background:#fbeaed;color:#9e2e35;border-color:#d89ca0}.timeline{font-size:13px;color:#6c737b;padding-left:17px}.timeline li{margin:9px 0}.empty{padding:50px;text-align:center;color:#6c737b;border:1px dashed #ddd;border-radius:8px}.back{margin-bottom:20px;border:0;padding-left:0}.batchrow{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #eee;align-items:center}.batchrow .art{width:90px;flex-shrink:0;border-radius:5px}.batchrow .grow{flex:1}dialog{border:1px solid #ddd;border-radius:12px;width:min(600px,92vw);padding:30px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#2226}dialog h2{margin-bottom:15px}dialog .actions{justify-content:flex-end;margin-top:24px}.email{background:#f7f8f9;border:1px solid #ddd;padding:25px;margin:20px 0;border-radius:8px}.email h3{margin-bottom:14px}.email li{margin:8px 0;font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#27292c;color:white;padding:12px 23px;border-radius:8px;display:none;z-index:20;font-size:14px}.prototype-note{font-size:13px;color:#777;margin-top:25px}.settings{max-width:760px}.check{display:flex;gap:9px;align-items:center;font-size:14px}.check input{width:auto}.summaryline{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:13px 0;font-size:14px}.brandlogo{max-width:100px;max-height:40px}@media(min-width:1500px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.shell{grid-template-columns:190px 1fr}.main{padding:30px 25px}.topbar{padding:0 25px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{grid-template-columns:1fr}.detail .art{aspect-ratio:1.6}.stats .stat{padding:15px}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;padding:15px;border-bottom:1px solid #ddd}.wordmark{padding:0;font-size:24px}.workspace,.sidefoot{display:none}.nav{display:flex;overflow:auto;margin-top:12px;gap:3px}.nav button{white-space:nowrap;padding:8px}.nav button span{display:none}.topbar{height:auto;padding:13px 18px;flex-wrap:wrap}.main{padding:25px 18px}.launch{grid-template-columns:1fr}.launch button{padding:20px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.cards{gap:12px}.cardbody{padding:12px}.cardtitle{display:block}.badge{font-size:11px}h1{font-size:27px}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.heading{flex-wrap:wrap}.detail{display:block}.panel{padding:18px}.tabs{overflow:auto}.tabs button{white-space:nowrap}.note{font-size:12px}.topbar .demo{margin-left:0}.info{gap:10px}.decision button{flex:1}.art{aspect-ratio:1.15}}
.required-marker{color:#bd2634;font-weight:700}.required-marker[hidden]{display:none}.workspace-logo{display:block;width:138px;max-width:100%;height:41px;object-fit:contain;object-position:left center;margin-bottom:7px}.cardtitle{display:block}.cardtitle .style-number{display:block;font-weight:700;font-size:15px}.cardtitle .style-descriptor{display:block;font-weight:400;font-size:15px;margin-top:2px}
.bulkdrop{border:1px dashed #aab0b9;border-radius:8px;background:#fafbfc;min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:22px}.bulkdrop small{font-size:13px;color:#70757d}.filebrowse{font-size:14px;color:#444b58;text-decoration:underline;cursor:pointer;position:relative;display:inline-block;overflow:hidden}.filebrowse input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.style-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;border:1px solid #dfe2e6;border-radius:10px;padding:23px;background:white;margin-bottom:20px}.row-art .art{aspect-ratio:1.05}.art-open{display:block;width:100%;padding:0;border:0;border-radius:7px;overflow:hidden}.row-art .meta{margin-top:10px;font-size:12px}.row-top{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.row-top .check{flex:1}.textbutton{border:0;background:none;padding:6px 0;color:#666d76;font-size:13px;text-decoration:underline;font-weight:400}.row-error{color:#b12835;margin-top:10px}.support-details{margin-top:17px;border-top:1px solid #eceef0;padding-top:13px}.support-details summary{font-size:14px;cursor:pointer;font-weight:550;color:#535962}.support-details .formgrid{margin-top:18px}.supportdrop{border:1px dashed #c1c6cd;background:#fafbfc;padding:15px;display:flex;gap:6px;flex-wrap:wrap;border-radius:6px;font-size:13px}.support-thumbs{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.support-thumbs>div{position:relative}.support-thumbs img{width:70px;height:70px;object-fit:contain;border:1px solid #e1e4e7;border-radius:4px}.support-thumbs button{position:absolute;right:-5px;top:-5px;padding:0;width:22px;height:22px;border-radius:50%;background:white}.group-footer{position:sticky;bottom:0;background:#fffffff5;border-top:1px solid #e5e7e9;padding:17px 0;display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:25px;backdrop-filter:blur(8px)}.approval-lock{font-size:14px;background:#eaf5ee;color:#236344;padding:15px;border-radius:7px;margin-top:18px}.sent-row{background:#fafbfc}.busy{opacity:.7}dialog .art{aspect-ratio:1;max-height:65vh}@media(max-width:1050px){.style-row{grid-template-columns:170px minmax(0,1fr);gap:18px;padding:18px}.group-footer{flex-wrap:wrap}}@media(max-width:700px){.style-row{grid-template-columns:1fr}.row-art{max-width:240px}.row-top{flex-wrap:wrap}.group-footer{position:static}.row-fields .formgrid{grid-template-columns:1fr}.bulkdrop strong{text-align:center}}
.identifier-section{border:1px solid #e1e4e8;background:#fafbfc;border-radius:7px;padding:14px;margin:0 0 18px;font-size:14px}.identifier-section p{margin:6px 0 10px}.reference-number{margin-top:10px;font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere;color:#434b59}.drop.drag-ready,.bulkdrop.drag-ready,.supportdrop.drag-ready{border:2px solid #6c4bb0;background:#eee8fb;box-shadow:0 0 0 4px #7656b51a;transition:background .12s,border-color .12s}.drag-ready:after{content:'Release to add images';color:#59388e;font-size:14px;font-weight:600;margin-top:6px;display:block;pointer-events:none}
.row-top strong{overflow-wrap:anywhere}.row-top .check{min-width:0}.cardtitle .style-number{overflow-wrap:anywhere}
.demo-guidance{display:flex;gap:12px;align-items:center;padding:12px 42px;background:#f7f7f8;border-bottom:1px solid #e7e7e8;font-size:14px;color:#62666c}.demo-guidance strong{white-space:nowrap;color:#303338}.update-editor{border-color:#b7a6d7;background:#fdfcff}.update-editor>.art{max-height:230px;aspect-ratio:1.5}.update-editor .meta{margin:12px 0}.reference-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.reference-gallery img{width:100%;max-height:300px;object-fit:contain;border:1px solid #e4e5e7;border-radius:6px}.info span{overflow-wrap:anywhere}.badge:has(+.cardtitle){margin-top:6px}.tabs{flex-wrap:wrap}.review label{font-size:14px;font-weight:550}.info small{font-size:13px}.thread p{white-space:pre-wrap}@media(max-width:700px){.demo-guidance{padding:12px 18px;align-items:flex-start;flex-direction:column;gap:3px}.tabs{flex-wrap:nowrap}.update-editor .sectionhead{flex-wrap:wrap;gap:10px}}
