@font-face{font-family:VAG Rounded Std;src:url(/nfc/fonts/VAGRoundedStdBlack.otf) format("opentype");font-weight:100 900;font-style:normal;font-display:swap}.studio{min-height:100vh;color:#0f172a;background:radial-gradient(1000px 560px at 80% -20%,rgba(31,168,158,.12) 0,transparent 55%),radial-gradient(900px 500px at 10% 10%,rgba(96,165,250,.08) 0,transparent 50%),#fafcfc;padding:40px 20px;--card-font:"VAG Rounded Std",sans-serif}.studio header{text-align:center;margin-bottom:34px}.studio header h1{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0;color:#0f172a}.studio header h1 span{background:linear-gradient(90deg,#1fa89e,#16877f);-webkit-background-clip:text;background-clip:text;color:transparent}.studio header p{color:#64748b;margin:6px 0 0;font-size:14px}.wrap{max-width:1060px;margin:0 auto;display:flex;gap:26px;flex-wrap:wrap}.panel{flex:1 1 340px;background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.panel h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin:0 0 18px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.tile{position:relative;overflow:hidden;border:1.5px dashed #cbd5e1;border-radius:14px;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s;text-align:center;padding:10px;background:#f8fafc}.tile:hover{border-color:#1fa89e;background:rgba(31,168,158,.06)}.tile .icon{font-size:24px}.tile small{color:#64748b;font-size:12px;line-height:1.4}.tile img{max-height:64px;max-width:85%;object-fit:contain;display:none}.tile.filled{border-style:solid;border-color:rgba(31,168,158,.55);background:#ffffff}.tile.filled img{display:block}.tile input[type=file],.tile.filled .icon,.tile.filled small{display:none}.field{display:block;font-size:12px;font-weight:600;color:#64748b;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.08em}.field-input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#ffffff;color:#0f172a;font:500 15px inherit;outline:none;transition:.2s}.field-input:focus{border-color:#1fa89e;box-shadow:0 0 0 3px rgba(31,168,158,.15)}.field-input::placeholder{color:#94a3b8}.esg-field{margin:14px 0 0;padding:0;border:none;min-inline-size:0}.esg-field .field{margin:12px 0 6px}.esg-field legend.field,.esg-field>.field:first-of-type{margin-top:0}.esg-check{display:flex;align-items:center;gap:10px;margin-top:4px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#ffffff;color:#0f172a;font:600 14px inherit;cursor:pointer;transition:.2s}.esg-check:hover{border-color:#1fa89e;background:rgba(31,168,158,.06)}.esg-check.selected{border-color:#1fa89e;background:rgba(31,168,158,.1);box-shadow:0 0 0 3px rgba(31,168,158,.15)}.esg-check input{width:16px;height:16px;accent-color:#1fa89e;flex-shrink:0}.esg-field .field-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.esg-field:disabled .esg-check{opacity:.6;cursor:not-allowed}.order-btn{margin-top:24px;width:100%;padding:16px;border:none;border-radius:12px;cursor:pointer;font:700 16px inherit;color:#ffffff;background:linear-gradient(135deg,#1fa89e,#16877f);box-shadow:0 8px 24px rgba(31,168,158,.28);transition:.2s}.order-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(31,168,158,.4)}.shot-label{font-size:11px;letter-spacing:.14em;color:#64748b;margin:14px 0 8px;font-weight:700}.shot-label:first-of-type{margin-top:0}canvas.card{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.12);border:1px solid #e2e8f0}.hint{margin-top:14px;font-size:12px;color:#64748b;text-align:center}.upload-hint{margin-top:4px;margin-bottom:0;text-align:left}.tile.busy{pointer-events:none}.tile-progress{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;background:rgba(248,250,252,.92);backdrop-filter:blur(2px);text-align:center}.tile-progress span{font-size:11px;font-weight:600;line-height:1.35;color:#0f172a}.tile-spinner{width:28px;height:28px;border-width:3px}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .25s}.overlay.show{opacity:1;pointer-events:auto}.ov-box{text-align:center;padding:28px 36px;border-radius:16px;background:#ffffff;box-shadow:0 16px 40px rgba(15,23,42,.18)}.ov-msg{margin-top:18px;font-size:16px;font-weight:600;color:#0f172a}.spinner{width:52px;height:52px;margin:0 auto;border-radius:50%;border:4px solid rgba(31,168,158,.18);border-top-color:#1fa89e;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.ov-check{width:56px;height:56px;margin:0 auto;border-radius:50%;background:#22c55e;color:#fff;font-size:30px;line-height:56px;text-align:center;animation:pop .35s ease}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#0f172a;border:1px solid transparent;color:#f8fafc;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500;opacity:0;transition:opacity .3s;pointer-events:none;z-index:60;box-shadow:0 10px 30px rgba(15,23,42,.2)}.toast.show{opacity:1}