:root{font-family:Arial,Helvetica,sans-serif;color:#2e2f2e;background:#f6f6f1;font-size:15px;--orange:#f36c21}*{box-sizing:border-box}body{margin:0}header{max-width:1080px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:260px;max-width:45%;height:auto}header div{text-align:right;font-size:11px;font-weight:bold;letter-spacing:1.5px}header small{display:block;font-weight:normal;letter-spacing:0;margin-top:8px}main{max-width:1060px;padding:10px 24px 30px;margin:auto}.intro{margin:12px 0 24px}h1{font-size:32px;line-height:1.1;margin:0 0 10px}h2{font-size:18px;margin:0 0 20px}.badge{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;background:#2e2f2e;color:white;padding:7px 10px;border-radius:4px}.studio{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.card{background:#fff;border:1px solid #dedfd7;border-radius:10px;padding:24px;margin-bottom:18px}.narrow{max-width:540px;margin:45px auto}.pair{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}label{display:block;font-size:13px;font-weight:bold;margin-bottom:16px}input,select,textarea{display:block;width:100%;font:inherit;color:inherit;margin-top:7px;padding:11px;border:1px solid #ced0c7;border-radius:5px;background:white}input[type=file]{padding:12px 4px;border:0}.upload{border:1px dashed #b3b5aa;padding:16px;border-radius:7px;background:#fcfcf8}button{font:inherit;font-weight:bold;background:var(--orange);color:#fff;border:0;border-radius:5px;padding:12px 16px;cursor:pointer}button:disabled{opacity:.45;cursor:wait}button.link{background:none;color:#a9450b;padding:0;text-decoration:underline;font-weight:normal}.muted,small{font-size:12px;color:#70746a;line-height:1.55;font-weight:normal}small{display:block}a{color:#a94711;text-underline-offset:3px}.tiers{font-size:11px;width:100%;border-collapse:collapse;margin-bottom:6px}.tiers td,.tiers th{padding:5px 8px;text-align:left}.tiers .active{background:#ededE6}.tiers .next{background:#fff0e6;font-weight:bold;border-left:3px solid var(--orange)}#preview{height:300px;background:#f5f5f0;border-radius:6px;display:grid;place-items:center;overflow:hidden}#preview p{padding:22px;font-size:13px;color:#73776d}#preview canvas{display:block;width:100%;height:100%}.row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eee;padding:10px 0}.total{font-size:22px;font-weight:bold;padding:14px 0}.notice,.error{padding:14px 16px;margin:16px 0;border-radius:6px;background:#fff0e6;line-height:1.5}.error{background:#ffebeb;border-left:3px solid #b32828}.check{display:flex;align-items:flex-start;gap:9px;font-weight:normal;line-height:1.4}.check input{width:18px;flex:0 0 18px;margin:0}.check a{white-space:nowrap}footer{max-width:1060px;margin:auto;padding:20px 24px;font-size:11px;color:#74786d}table.orders{width:100%;font-size:12px;border-collapse:collapse}table.orders th,table.orders td{padding:10px;text-align:left;border-bottom:1px solid #ddd;vertical-align:top}pre{white-space:pre-wrap;word-break:break-word}.admin-form{display:flex;gap:10px;align-items:center}.admin-form input,.admin-form select{width:auto;margin:0}.admin-form button{font-size:12px}.success{background:#e8f5e3;padding:10px}.bad{color:#ad2525}.good{color:#337226}[hidden]{display:none!important}:focus-visible{outline:3px solid #f3a66a;outline-offset:3px}@media(max-width:760px){header{padding:20px 18px}header img{width:190px}header div{font-size:9px}.studio{grid-template-columns:1fr}main{padding:8px 16px}h1{font-size:27px}.card{padding:20px}.pair{gap:0 10px}.orders{display:block;overflow:auto}.check{display:block}.check input{display:inline-block;margin-right:7px}}
