:root{--red:#c71722;--red-dark:#a01018;--ink:#1a1a1a;--dim:#6b6b6b;--line:#e4e4e4;--bg:#fafafa}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}main{max-width:1100px;min-height:70vh;margin:0 auto}a{color:var(--red)}h1{font-size:1.5rem}.pad{padding:1.25rem}.narrow{max-width:420px;margin:0 auto}.dim{color:var(--dim)}.small{font-size:.85rem}.msg{color:var(--red-dark);font-size:.9rem}.notice{background:#fff7e6;border:1px solid #f0d9a8;border-radius:8px;padding:.6rem .8rem;font-size:.9rem}.status{min-height:1.2em;color:var(--dim);font-size:.9rem}.site-header{border-bottom:3px solid var(--red);background:#fff;justify-content:space-between;align-items:center;padding:.8rem 1.25rem;display:flex}.brand{color:var(--ink);font-size:1.15rem;font-weight:800;text-decoration:none}.brand span{color:var(--red)}.site-header nav{align-items:center;gap:1rem;display:flex}.site-header nav a{color:var(--ink);font-weight:600;text-decoration:none}.site-footer{border-top:1px solid var(--line);background:#fff;flex-direction:column;gap:.3rem;margin-top:2rem;padding:1.5rem 1.25rem 2.5rem;font-size:.85rem;display:flex}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:center;background:#fff;border-radius:8px;padding:.55rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:not(:disabled):hover{background:var(--red-dark)}.btn.huge{padding:.9rem 1.6rem;font-size:1.25rem}.btn.small{padding:.35rem .7rem;font-size:.85rem}.btn.google{width:100%}.linklike{color:var(--red);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem}.landing .hero{text-align:center;padding:3.5rem 1.25rem 2.5rem}.landing .hero h1{margin-bottom:.6rem;font-size:2.1rem}.landing .hero h1 em{color:var(--red);font-style:normal}.landing .hero p{max-width:560px;color:var(--dim);margin:0 auto 1.5rem}.landing .sub{margin-top:1rem;font-size:.9rem}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:1rem 1.25rem;display:grid}.steps div{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;gap:.3rem;padding:1rem;display:flex}.steps span{color:var(--dim);font-size:.9rem}.reorder{text-align:center;padding:2rem 1.25rem}.reorder p{color:var(--dim);max-width:520px;margin:0 auto}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;flex-direction:column;gap:.35rem;padding:1rem;font-size:.9rem;display:flex}.card:hover{border-color:var(--red)}.card-shape{border:1px solid var(--line);border-bottom:4px solid var(--red);background:linear-gradient(135deg,#fff 60%,#f3d2d4);border-radius:3px;width:70%;max-height:110px;margin:0 auto .5rem}.editor-cols{grid-template-columns:minmax(260px,380px) 1fr;gap:1.5rem;display:grid}@media (width<=760px){.editor-cols{grid-template-columns:1fr}}.form-col{flex-direction:column;gap:.7rem;display:flex}.form-col label,.modal label{flex-direction:column;gap:.25rem;font-size:.9rem;font-weight:600;display:flex}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--red);border-color:var(--red)}.actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.preview-frame{border:1px solid var(--line);background:#eceff1;border-radius:10px;justify-content:center;align-items:center;min-height:260px;padding:1.5rem;display:flex;position:relative}.preview-frame canvas{background:#fff;max-width:100%;height:auto;box-shadow:0 3px 14px #0000002e}.preview-empty{text-align:center;color:var(--dim);justify-content:center;align-items:center;padding:1rem;font-size:.95rem;display:flex;position:absolute;inset:0}.modal-back{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;flex-direction:column;gap:.6rem;width:100%;max-width:440px;max-height:90vh;padding:1.25rem;display:flex;overflow:auto}.modal form{flex-direction:column;gap:.6rem;display:flex}.auth-panel{flex-direction:column;gap:.7rem;max-width:340px;display:flex}.auth-panel form{flex-direction:column;gap:.6rem;display:flex}.divider{text-align:center;color:var(--dim);font-size:.85rem}.list{flex-direction:column;gap:.6rem;margin-bottom:1.5rem;display:flex}.row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;gap:.2rem;padding:.8rem 1rem;font-size:.95rem;display:flex;position:relative}.row.static{cursor:default}.row:not(.static):hover{border-color:var(--red)}.row .open{color:var(--red);font-weight:700;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.pill{text-transform:capitalize;background:#eee;border-radius:999px;align-self:flex-start;padding:.15rem .6rem;font-size:.78rem;font-weight:700}.pill.new{color:var(--red-dark);background:#fde8ea}.pill.done{color:#1c7c33;background:#e2f4e6}.admin-actions{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.start-tiles{text-align:center;padding:0 1.25rem 1rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;max-width:720px;margin:.8rem auto 0;display:grid}.tile{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;flex-direction:column;gap:.2rem;padding:1.1rem 1rem;font-size:.9rem;text-decoration:none;display:flex}.tile b{font-size:1rem}.tile span{color:var(--dim)}.tile.primary{background:var(--red);border-color:var(--red);color:#fff}.tile.primary span{color:#ffd9db}.tile:hover{border-color:var(--red)}.logo-row input[type=file]{border:1px dashed var(--line);border-radius:8px;padding:.6rem;font-size:.85rem}.accent-row{align-items:center;gap:.7rem;display:flex}.accent-label{font-size:.9rem;font-weight:600}.swatches{gap:.4rem;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}.swatch.active{border-color:var(--ink);outline-offset:-4px;outline:2px solid #fff}.pill.in_review{color:#8a6d00;background:#fff3cd}.pill.in_production{color:#a35200;background:#ffe5cc}.pill.complete{color:#1c7c33;background:#e2f4e6}.preview-stage{max-width:100%;line-height:0;display:inline-block;position:relative}.preview-stage canvas{display:block}.print-guides{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.guides-toggle{color:var(--dim);cursor:pointer;align-items:center;gap:.45rem;margin-top:.65rem;font-size:.88rem;display:flex}.guides-toggle input{cursor:pointer}.print-check{border:1px solid var(--line);background:#fff;border-left-width:4px;border-radius:9px;margin-top:.7rem;padding:.8rem .9rem;font-size:.88rem}.print-check.ok{background:#f4fbf6;border-left-color:#1e8a3c}.print-check.warn{background:#fff9f0;border-left-color:#c77700}.print-check.fail{background:#fdf3f4;border-left-color:#c8102e}.pc-head{align-items:flex-start;gap:.5rem;font-weight:600;line-height:1.4;display:flex}.pc-dot{border-radius:50%;flex:0 0 10px;width:10px;height:10px;margin-top:.32rem}.print-check.ok .pc-dot{background:#1e8a3c}.print-check.warn .pc-dot{background:#c77700}.print-check.fail .pc-dot{background:#c8102e}.pc-list{color:#40474f;margin:.55rem 0 0 1.15rem;padding:0}.pc-list li{margin-bottom:.3rem;line-height:1.45}.pc-legend{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;gap:.9rem;margin-top:.7rem;padding-top:.6rem;font-size:.79rem;display:flex}.pc-legend span{align-items:center;gap:.35rem;display:inline-flex}.sw{border-radius:2px;width:15px;height:9px;display:inline-block}.sw.bleed{background:#c8102e38;border:1px dashed #c8102e}.sw.trim{background:0 0;border:1.5px solid #c8102e}.sw.safe{background:#1e8a3c1a;border:1px dashed #1e8a3c}.dpi-badge{border-radius:6px;margin-top:.45rem;padding:.32rem .6rem;font-size:.81rem;font-weight:600;line-height:1.35;display:inline-block}.dpi-badge.ok{color:#1c7c33;background:#e2f4e6}.dpi-badge.warn{color:#8a6d00;background:#fff3cd}.dpi-badge.fail{color:#9c0c23;background:#fbe0e3}
