:root{--ink:#14161a;--muted:#6b7280;--line:#e5e7eb;--bg:#f4f5f7;--card:#fff;--accent:#006ab6;--red:#ec1c2e;--ph:#f0a;--warn:#b45309}*{box-sizing:border-box}html,body{color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}a{color:var(--accent)}h1{margin:0 0 6px;font-size:22px}h2{margin:0 0 12px;font-size:17px}.muted{color:var(--muted)}.small{font-size:12px}.wrap{max-width:1280px;margin:0 auto;padding:16px}.top{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.brand{flex-direction:column;display:flex}.brand strong{font-size:18px}.clients{flex-wrap:wrap;flex:1;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px;text-decoration:none}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:18px}.home{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (max-width:900px){.home{grid-template-columns:1fr}}textarea,input,select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:7px 9px}.home textarea{min-height:280px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;font:inherit;white-space:nowrap;border-radius:6px;padding:7px 13px;text-decoration:none;display:inline-block}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{color:var(--ink);border-color:var(--line);background:#fff}.btn.accent{background:var(--accent);border-color:var(--accent)}.btn.danger,.link.danger{color:var(--red)}.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:2px 4px}.notice{color:#7a4b00;background:#fff7e6;border:1px solid #f5d08a;border-radius:8px;padding:8px 12px}.notice.inline{padding:2px 8px;display:inline-block}.error{color:var(--red)}.decks{margin:0;padding:0;list-style:none}.decks li{border-bottom:1px solid var(--line);flex-direction:column;padding:8px 0;display:flex}.editor{flex-direction:column;height:100vh;display:flex}.ed-top{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.ed-top .title-input{width:320px;font-weight:600}.ed-top label input{width:260px}.spacer{flex:1}.save{color:var(--muted);font-size:12px}.save.error{color:var(--red)}.job{border-bottom:1px solid var(--line);background:#eef6ff;gap:12px;padding:8px 14px;display:flex}.job.error{background:#fff0f0}.ed-body{flex:1;grid-template-columns:236px minmax(0,1fr) 360px;min-height:0;display:grid}.ed-list{border-right:1px solid var(--line);background:#fafafa;padding:10px;overflow-y:auto}.thumb{cursor:grab;background:#fff;border:2px solid #0000;border-radius:6px;margin-bottom:8px;padding:4px;position:relative}.thumb.on{border-color:var(--accent)}.thumb-head{align-items:center;gap:6px;margin-bottom:3px;font-size:11px;display:flex}.thumb-head input{width:auto;margin-left:auto}.badges{gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.badge{color:#fff;border-radius:4px;padding:1px 5px;font-size:10px}.badge.ph{background:var(--ph)}.badge.warn{background:var(--warn)}.add{margin-top:6px}.ed-stage{flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex;overflow:auto}.ed-stage>div:first-child{box-shadow:0 2px 16px #0000001f}.stage-tools{gap:6px;display:flex}.warnings{width:100%;margin:0;padding:0;list-style:none}.warnings li{border-left:4px solid var(--muted);cursor:pointer;background:#fff;margin-bottom:4px;padding:5px 10px}.warnings li.warn{border-color:var(--warn)}.warnings li.ph{border-color:var(--ph)}.ed-panel{border-left:1px solid var(--line);background:#fff;padding:12px;overflow-y:auto}.fld{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.fld>span{font-size:12px;font-weight:600}.fld.active{background:#eaf7ff;border-radius:6px;outline:2px solid #00c2ff;padding:4px}.phmark{color:var(--ph);font-style:normal}.asset-field{align-items:center;gap:8px;display:flex}.asset-field img{object-fit:contain;background:#eee;border-radius:4px;width:64px;height:40px}.list{flex-direction:column;gap:8px;display:flex}.list-item{border:1px solid var(--line);border-radius:6px;padding:8px}.list-item .fld{margin-bottom:6px}.modal{z-index:10;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:10px;width:min(1100px,94vw);max-height:86vh;padding:16px;overflow:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px;display:grid}.tile{border:1px solid var(--line);cursor:pointer;text-align:left;background:#f6f6f6;border-radius:6px;flex-direction:column;gap:4px;padding:6px;font-size:11px;display:flex}.tile.dark{color:#fff;background:#006ab6}.tile img{object-fit:contain;width:100%;height:80px}.swatches{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.swatch{flex-direction:column;gap:3px;display:flex}.swatch div{border:1px solid var(--line);border-radius:6px;height:56px}.font-row{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.weights{flex-direction:column;font-size:20px;display:flex}.typo td{padding:4px 10px 4px 0}.types{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;display:grid}.types figure{margin:0}.types figcaption{flex-direction:column;gap:2px;margin-top:6px;display:flex}@media (max-width:1100px){.ed-body{grid-template-columns:180px 1fr 300px}}
