:root{color-scheme:light;--paper: #f5f3ef;--surface: #ffffff;--surface-2: #fbf7f3;--surface-3: #edeae4;--line: #e1dcd3;--line-strong: #c9c2b7;--ink: #1c1917;--ink-2: #57514b;--ink-3: #8a827a;--ink-4: #a9a199;--plum: #7a2436;--plum-hover: #631c2c;--plum-soft: #f6e9eb;--plum-line: #e8cdd2;--on-plum: #fbf7f3;--brandbar: #7a2436;--on-brandbar: #fbf7f3;--gold: #a6874c;--gold-bright: #d8be86;--ok: #3e6b4a;--ok-soft: #e7f0e9;--warn: #8a6318;--warn-soft: #f7efdd;--crit: #9b3a33;--crit-soft: #f7e7e5;--max: 620px;--wide: 1080px;--pad: 20px;--padtop: 18px;--display: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", system-ui, sans-serif;--sans: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", system-ui, sans-serif}@font-face{font-family:Pretendard Variable;font-weight:45 930;font-style:normal;font-display:swap;src:url(/fonts/PretendardVariable.subset.woff2) format("woff2-variations")}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #14120f;--surface: #1c1a16;--surface-2: #221f1a;--surface-3: #2a2621;--line: #34302a;--line-strong: #4a453d;--ink: #f0ece4;--ink-2: #c0b8ac;--ink-3: #8f877c;--ink-4: #6e675e;--plum: #c9788a;--plum-hover: #dc8d9e;--plum-soft: #332024;--plum-line: #4a2c33;--on-plum: #14120f;--brandbar: #43161f;--on-brandbar: #f0ece4;--gold: #c8a96a;--gold-bright: #e0c68f;--ok: #7fb894;--ok-soft: #1e2a22;--warn: #d2a75c;--warn-soft: #2c2418;--crit: #dd8a83;--crit-soft: #2f1f1e}}:root[data-theme=dark]{color-scheme:dark;--paper: #14120f;--surface: #1c1a16;--surface-2: #221f1a;--surface-3: #2a2621;--line: #34302a;--line-strong: #4a453d;--ink: #f0ece4;--ink-2: #c0b8ac;--ink-3: #8f877c;--ink-4: #6e675e;--plum: #c9788a;--plum-hover: #dc8d9e;--plum-soft: #332024;--plum-line: #4a2c33;--on-plum: #14120f;--brandbar: #43161f;--on-brandbar: #f0ece4;--gold: #c8a96a;--gold-bright: #e0c68f;--ok: #7fb894;--ok-soft: #1e2a22;--warn: #d2a75c;--warn-soft: #2c2418;--crit: #dd8a83;--crit-soft: #2f1f1e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;word-break:keep-all}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--plum);text-decoration:none}a:hover{color:var(--plum-hover)}:focus-visible{outline:2px solid var(--plum);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}.shell{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad);flex:1}.shell.wide{--pad: 28px;max-width:var(--wide)}.pagepad{padding:var(--padtop) 0 40px}.pagepad.has-sticky{padding-bottom:104px}.masthead{background:var(--brandbar)}.masthead-in{max-width:var(--max);margin:0 auto;padding:16px var(--pad) 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.masthead-in.wide{max-width:var(--wide);padding-left:28px;padding-right:28px}.goldrule{height:2px;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-bright) 42%,var(--gold) 100%)}.brand{display:flex;flex-direction:column;gap:3px;text-decoration:none;min-width:0}.brand .eyebrow{font-size:10px;letter-spacing:.22em;color:color-mix(in srgb,var(--on-brandbar) 72%,transparent);font-weight:500}.brand .wordmark{font-family:var(--display);font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.01em;color:var(--on-brandbar)}.masthead-nav{display:flex;align-items:center;gap:16px;padding-top:5px;flex:0 0 auto}.masthead-nav a,.masthead-nav button{font-size:12px;color:color-mix(in srgb,var(--on-brandbar) 86%,transparent);background:none;border:none;padding:0 0 2px;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--on-brandbar) 40%,transparent);white-space:nowrap}.masthead-nav a:hover,.masthead-nav button:hover{color:var(--on-brandbar);border-bottom-color:var(--gold-bright)}.masthead.staff{background:var(--ink)}.masthead.staff .brand .wordmark{font-size:16px;color:var(--paper)}.masthead.staff .brand .eyebrow{color:var(--ink-3);letter-spacing:.16em}.masthead.staff .masthead-nav a,.masthead.staff .masthead-nav button{color:var(--ink-3);border-bottom-color:transparent;font-size:13px}.masthead.staff .masthead-nav a:hover,.masthead.staff .masthead-nav button:hover,.masthead.staff .masthead-nav a.on{color:var(--paper);border-bottom-color:var(--gold)}.backbar{background:var(--surface-2);border-bottom:1px solid var(--line)}.backbar-in{max-width:var(--max);margin:0 auto;padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-2)}.backbar-in.wide{max-width:var(--wide);padding-left:28px;padding-right:28px}.backbar a{color:var(--ink-2)}.backbar a:hover{color:var(--plum)}.backbar button{background:none;border:none;color:var(--ink-3);cursor:pointer;font-size:12.5px;padding:0}.steps{font-size:12px;color:var(--ink-3)}.steps b{color:var(--plum);font-weight:600}.eyebrow-rule{display:flex;align-items:center;gap:9px;margin-bottom:8px}.eyebrow-rule:before{content:"";width:16px;height:1px;background:var(--gold);flex:0 0 auto}.eyebrow-rule span{font-size:10.5px;letter-spacing:.2em;color:var(--gold);font-weight:600}h1.title,h2.title{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.36;letter-spacing:-.025em;margin:0 0 6px;text-wrap:balance;color:var(--ink)}.lede{font-size:13px;line-height:1.75;color:var(--ink-2);margin:0;max-width:32em}.muted{color:var(--ink-3);font-size:12.5px}.banner{background:var(--surface-2);border-bottom:1px solid var(--line);margin:0 calc(-1 * var(--pad)) 22px;padding:11px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--ink-2);line-height:1.5}.banner b{color:var(--ink);font-weight:700}.banner .dday{flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--plum);background:var(--plum-soft);border:1px solid var(--plum-line);padding:3px 7px}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:20px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;border:1px solid var(--line-strong);background:transparent;border-radius:2px;padding:6px 13px;font-size:12.5px;color:var(--ink-2);cursor:pointer;white-space:nowrap;min-height:32px}.chip:hover{border-color:var(--ink-3)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:500}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.card{display:flex;flex-direction:column;gap:9px;text-decoration:none;color:inherit}.card-frame{position:relative;aspect-ratio:1;overflow:hidden;background:var(--surface-3)}.card-frame img{width:100%;height:100%;object-fit:cover;display:block}.card-frame .empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:12px}.card.closed .card-frame img{filter:grayscale(1)}.card.closed{opacity:.55}.card-tag{position:absolute;left:0;top:0;font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 8px;background:var(--ink);color:var(--paper)}.card-tag.urgent{background:var(--plum);color:var(--on-plum)}.card-tag.done{background:var(--ink-2)}.card-body{display:flex;flex-direction:column;gap:3px}.card-shop{font-size:11px;color:var(--ink-3);letter-spacing:.02em}.card-title{font-family:var(--display);font-weight:600;letter-spacing:-.015em;font-size:14.5px;line-height:1.42;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.card-price .unit{font-size:12px;font-weight:400;color:var(--ink-2)}.card-price s{font-size:11.5px;font-weight:400;color:var(--ink-4);margin-left:5px}.card-dates{display:flex;flex-direction:column;gap:1px;margin-top:2px;font-size:11px;line-height:1.5;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.hero{margin:calc(-1 * var(--padtop)) calc(-1 * var(--pad)) 0;position:relative;background:var(--surface-3)}.hero img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.hero .empty{aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:13px}.dashes{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:5px;justify-content:center}.dash{width:18px;height:2px;background:#fbf7f36b;border:none;padding:0;cursor:pointer}.dash.on{background:#fbf7f3}.detail-head{padding-top:22px;display:flex;flex-direction:column;gap:7px}.price-row{display:flex;align-items:baseline;gap:9px;margin-top:8px;flex-wrap:wrap}.price-now{font-family:var(--display);font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.price-was{font-size:13px;color:var(--ink-4)}.price-off{font-size:11.5px;font-weight:700;color:var(--plum);background:var(--plum-soft);padding:2px 6px}.sellercard{background:var(--surface-2);border:1px solid var(--line);padding:15px 16px;margin:18px 0 0;display:flex;flex-direction:column;gap:9px}.sellercard .row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sellercard .who{display:flex;flex-direction:column;gap:2px;min-width:0}.sellercard .who em{font-style:normal;font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:600}.sellercard .who b{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:-.015em}.sellercard .hr{height:1px;background:var(--line)}.deadlines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:12px 0 0}.deadlines>div{background:var(--surface);padding:12px 14px;display:flex;flex-direction:column;gap:3px}.deadlines em{font-style:normal;font-size:10.5px;letter-spacing:.1em;color:var(--ink-3)}.deadlines b{font-family:var(--display);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.deadlines .dn{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--plum)}.desc{white-space:pre-wrap;font-size:13.5px;line-height:1.85;color:var(--ink-2)}.desc img{max-width:100%}.notice{border-left:2px solid var(--gold);background:var(--surface-2);padding:13px 15px;margin:22px 0;font-size:12px;line-height:1.75;color:var(--ink-2)}.notice b{color:var(--ink)}.section-label{display:flex;align-items:center;gap:10px;margin:24px 0 12px}.section-label span.txt{font-size:10.5px;letter-spacing:.2em;color:var(--gold);font-weight:600;flex:0 0 auto}.section-label span.rule{flex:1;height:1px;background:var(--line)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field>label{font-size:11.5px;letter-spacing:.06em;color:var(--ink-2);font-weight:500}.field .req{color:var(--crit);margin-left:2px}input[type=text],input[type=tel],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:0;background:var(--surface);color:var(--ink);padding:12px 13px;font-size:15px;min-height:44px}input::placeholder,textarea::placeholder{color:var(--ink-4)}input:focus,select:focus,textarea:focus{border-color:var(--ink)}input:disabled,textarea:disabled{background:var(--surface-3);color:var(--ink-3)}textarea{min-height:82px;resize:vertical;line-height:1.6}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row-inline{display:flex;gap:8px;align-items:stretch}.row-inline>input{flex:1}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;color:var(--ink-2);cursor:pointer;margin-bottom:12px}.check input{margin:3px 0 0;width:17px;height:17px;flex:0 0 auto;accent-color:var(--plum)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--plum);background:var(--plum);color:var(--on-plum);border-radius:0;padding:13px 18px;font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;text-decoration:none;min-height:46px;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--plum-hover);border-color:var(--plum-hover);color:var(--on-plum)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ink{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.ink:hover:not(:disabled){background:var(--ink-2);border-color:var(--ink-2);color:var(--paper)}.btn.ghost{background:var(--surface);color:var(--ink-2);border-color:var(--line-strong)}.btn.ghost:hover:not(:disabled){background:var(--surface-3);border-color:var(--ink-3);color:var(--ink)}.btn.outline{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.outline:hover:not(:disabled){background:var(--ink);color:var(--paper)}.btn.danger{background:var(--surface);color:var(--crit);border-color:var(--crit)}.btn.danger:hover:not(:disabled){background:var(--crit);color:var(--surface)}.btn.sm{padding:7px 14px;font-size:12.5px;font-weight:500;min-height:34px}.btn.block{width:100%}.btn-row{display:flex;gap:9px}.btn-row>*{flex:1}.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface-2);border-top:1px solid var(--line);padding:12px var(--pad) calc(14px + env(safe-area-inset-bottom))}.stickybar-in{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:14px}.stickybar .amount{display:flex;flex-direction:column;gap:1px;flex:0 0 auto}.stickybar .amount em{font-style:normal;font-size:10px;letter-spacing:.08em;color:var(--ink-3)}.stickybar .amount b{font-family:var(--display);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.stickybar .btn{flex:1}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-strong);background:var(--surface)}.stepper button{width:44px;height:44px;border:none;background:none;cursor:pointer;font-size:17px;color:var(--ink-2)}.stepper button:disabled{color:var(--line-strong);cursor:not-allowed}.stepper span{min-width:44px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);padding:16px;margin-bottom:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h2{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:-.015em;margin:0}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}@media (min-width: 640px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{background:var(--surface);border:1px solid var(--line);padding:15px 17px;display:flex;flex-direction:column;gap:3px}.tile em{font-style:normal;font-size:11px;letter-spacing:.1em;color:var(--ink-3)}.tile b{font-family:var(--display);font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}.tile b .unit{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--ink-2)}.tile.alert{border-color:var(--plum)}.tile.alert em,.tile.alert b{color:var(--plum)}.tile.gold{border-color:var(--gold)}.tile.gold em{color:var(--gold)}.listrow{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.listrow:last-child{border-bottom:none}.listrow .mini{width:46px;height:46px;object-fit:cover;background:var(--surface-3);flex:0 0 auto;display:block}.listrow .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.listrow .name{font-size:13.5px;font-weight:500;color:var(--ink);text-decoration:none}.listrow .name:hover{color:var(--plum)}.badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 9px;border:1px solid currentColor;white-space:nowrap;line-height:1.5}.badge.ok{color:var(--ok);background:var(--ok-soft)}.badge.warn{color:var(--warn);background:var(--warn-soft)}.badge.crit{color:var(--crit);background:var(--crit-soft)}.badge.mute{color:var(--ink-3);background:var(--surface-3)}.ordercard{border:1px solid var(--line);background:var(--surface);padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.ordercard .head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ordercard .no{font-family:var(--display);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.ordercard .line{font-size:13px;color:var(--ink-2)}.ordercard .addr{font-size:13px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);padding:10px 12px;line-height:1.6}.ordercard .foot{display:flex;gap:8px;align-items:stretch;margin-top:3px}.ordercard .foot select{flex:1;min-height:38px;padding:8px 11px;font-size:13.5px}.track{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);margin-top:6px;font-variant-numeric:tabular-nums}.track .node.done{color:var(--plum);font-weight:600}.alert{padding:11px 14px;font-size:13px;line-height:1.6;margin-bottom:14px;border:1px solid}.alert.error{background:var(--crit-soft);border-color:var(--crit);color:var(--crit)}.alert.info{background:var(--plum-soft);border-color:var(--plum-line);color:var(--ink)}.alert.warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.empty{text-align:center;padding:56px 20px;color:var(--ink-3);font-size:14px;line-height:1.8}.loading{text-align:center;padding:56px 20px;color:var(--ink-3);font-size:14px}.done-mark{margin:calc(-1 * var(--padtop)) calc(-1 * var(--pad)) 0;padding:40px var(--pad) 26px;background:var(--surface-2);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.done-mark .seal{width:52px;height:52px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--plum)}.done-mark .no{font-family:var(--display);font-size:29px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}.paybox{border:1px solid var(--plum);background:var(--surface);margin:20px 0 0}.paybox .cap{background:var(--brandbar);padding:9px 15px;font-size:10.5px;letter-spacing:.2em;color:color-mix(in srgb,var(--on-brandbar) 86%,transparent);font-weight:600}.paybox .body{padding:16px 15px;display:flex;flex-direction:column;gap:11px}.paybox .acct{font-family:var(--display);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;word-break:break-all}.paybox .row{display:flex;align-items:center;justify-content:space-between;gap:12px}.paybox .hr{height:1px;background:var(--line)}.paybox .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.paybox .two em{font-style:normal;display:block;font-size:10.5px;letter-spacing:.1em;color:var(--ink-3);margin-bottom:2px}.paybox .two b{font-family:var(--display);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.paybox .two b.due{color:var(--plum)}.imgpick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.imgpick .slot{aspect-ratio:1;border:1px solid var(--line-strong);background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:12px;cursor:pointer;position:relative;overflow:hidden}.imgpick .slot.add{border-style:dashed}.imgpick .slot img{width:100%;height:100%;object-fit:cover}.imgpick .slot .x{position:absolute;top:4px;right:4px;background:#1c1917c7;color:#fbf7f3;border:none;width:24px;height:24px;cursor:pointer;font-size:13px;line-height:1}.imgpick .slot .cover-tag{position:absolute;bottom:0;left:0;background:var(--plum);color:var(--on-plum);font-size:10px;font-weight:600;padding:2px 7px}.optrow{display:grid;grid-template-columns:1fr 116px 44px;gap:7px;margin-bottom:7px;align-items:center}.optrow .del{border:1px solid var(--line-strong);background:var(--surface);height:44px;cursor:pointer;color:var(--ink-3)}.optrow .del:hover{color:var(--crit);border-color:var(--crit)}.tablewrap{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:460px;font-size:13px}th,td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line)}thead th{font-size:10.5px;letter-spacing:.08em;color:var(--ink-3);font-weight:500;background:var(--surface-2);white-space:nowrap}tbody tr:last-child td{border-bottom:none}td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.tabs button{border:none;background:none;padding:10px 14px;font-size:14px;color:var(--ink-3);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.on{color:var(--ink);border-bottom-color:var(--gold);font-weight:600}.toggle-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px;cursor:pointer}.toggle-row input{width:17px;height:17px;margin:3px 0 0;flex:0 0 auto;accent-color:var(--plum)}.toggle-row .txt{font-size:13.5px;color:var(--ink);line-height:1.6}.toggle-row .txt small{display:block;font-size:11.5px;color:var(--ink-3)}@media (min-width: 680px){:root{--pad: 24px;--padtop: 24px}body{font-size:15.5px}.pagepad{padding-bottom:56px}.pagepad.has-sticky{padding-bottom:112px}h1.title,h2.title{font-size:27px}.grid{gap:28px 18px}.card-title{font-size:15px}.card-price{font-size:16px}.price-now{font-size:29px}.hero img,.hero .empty{max-height:480px}.done-mark{padding-top:48px}.done-mark .no{font-size:32px}}.foot{border-top:1px solid var(--line);padding:22px 20px 34px;font-size:11.5px;color:var(--ink-3);text-align:center;line-height:1.8}.pc-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1714158c;display:flex;align-items:center;justify-content:center;padding:16px}.pc-panel{width:100%;max-width:460px;max-height:100%;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--ink)}.pc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line-strong);font-family:var(--display);font-size:13.5px;font-weight:600;letter-spacing:-.01em;flex:0 0 auto}.pc-head button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font:inherit;font-size:12.5px;font-weight:500;padding:5px 11px;cursor:pointer}.pc-head button:hover{background:var(--surface-3);color:var(--ink)}.pc-box{flex:1 1 auto;height:420px;max-height:calc(100vh - 120px);overflow:hidden}.pc-box iframe{display:block;width:100%!important;height:100%!important;border:0}.pc-error{padding:20px 16px 24px;font-size:13px;line-height:1.7;color:var(--ink-2)}.field .opt{margin-left:5px;font-size:10.5px;letter-spacing:.04em;color:var(--ink-3);font-weight:500}.altbox{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;align-items:stretch;text-align:center}.altbox>span{font-size:12.5px;color:var(--ink-3)}.field .warntext{display:block;margin-top:5px;font-size:12px;line-height:1.55;color:var(--crit)}