:root{--pa-ink:#11274f;--pa-muted:#64799c;--pa-cyan:#00aeeb;--pa-line:#d6eafa;--pa-green:#00b983}
.pa-body{margin:0;color:var(--pa-ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(145deg,#f5fdff,#f7f4ff 70%,#f0fff8);min-width:320px;min-height:100vh}
.pa-body *,.pa-dialog *,.pa-toast{box-sizing:border-box}.pa-body a,.pa-dialog a{color:#008cdb;text-underline-offset:3px}.pa-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100vw - 1200px)/2));background:#ffffffed;border-bottom:1px solid var(--pa-line)}
.pa-brand{text-decoration:none!important;font-size:20px;font-weight:800;white-space:nowrap;background:linear-gradient(90deg,#009fea,#00be82);background-clip:text;color:transparent!important}.pa-brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#637495;font-weight:500}.pa-header nav{display:flex;align-items:center;gap:22px;font-size:14px}.pa-wrap{max-width:1240px;margin:30px auto;padding:0 20px}.pa-panel{background:linear-gradient(140deg,#fff,#f0faff 55%,#f5f1ff);border:1px solid var(--pa-line);border-radius:24px;padding:26px;box-shadow:0 12px 30px #233e6710;margin:0 0 24px;min-width:0}.pa-panel h1,.pa-panel h2,.pa-dialog h2{margin:0 0 12px;line-height:1.2}.pa-panel h1{font-size:30px}.pa-panel h2{font-size:23px}.pa-panel h3{margin-top:0}.pa-muted{color:var(--pa-muted);font-size:13px}.pa-green{color:var(--pa-green)}.pa-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.pa-body button,.pa-dialog button,.pa-button{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font:600 14px/1.3 inherit;background:linear-gradient(110deg,#03b9e9,#0088f0);color:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-shadow:0 6px 18px #00a9e322}.pa-body button,.pa-dialog button{font-family:inherit;font-size:14px;font-weight:600}.pa-body button:disabled,.pa-dialog button:disabled{opacity:.55;cursor:wait}.pa-body button.pa-link,.pa-dialog button.pa-link{box-shadow:none;background:none;color:#008cdb;padding:4px;min-height:36px;text-decoration:underline}.pa-body .pa-secondary,.pa-dialog .pa-secondary{background:#fff;border:1px solid #bcdff6;box-shadow:none;color:var(--pa-ink)}.pa-body .pa-danger,.pa-dialog .pa-danger{background:#fff1f2;color:#ab2343;border:1px solid #f0c4d1;box-shadow:none}.pa-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.pa-form{display:grid;gap:15px}.pa-form label{display:grid;gap:6px;font-size:14px}.pa-form input,.pa-form textarea,.pa-form select,.pa-field{font:inherit;color:var(--pa-ink);background:white;border:1px solid #cbdff0;border-radius:11px;padding:12px;width:100%;min-width:0}.pa-form input[type=checkbox]{width:auto}.pa-form textarea{min-height:110px;resize:vertical}.pa-check{display:flex!important;align-items:flex-start;gap:10px!important}.pa-check input{margin-top:5px}.pa-form input:focus,.pa-form textarea:focus,.pa-form select:focus{outline:2px solid #36b6f3;outline-offset:2px}.pa-error{background:#fff1f2;color:#a52045;border:1px solid #f3c9d4;border-radius:12px;padding:12px;font-size:14px;overflow-wrap:anywhere}.pa-note{background:#ecfff8;border:1px solid #c4efdf;border-radius:12px;padding:12px;color:#187963}.pa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.pa-order{margin:0;display:flex;flex-direction:column}.pa-order h2{font-size:19px;overflow-wrap:anywhere}.pa-tag{display:inline-block;background:#e9f4ff;color:#3473a3;border-radius:20px;padding:3px 10px;font-size:12px}.pa-order-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;margin-top:18px}.pa-frame{aspect-ratio:9/16;position:relative;border-radius:16px;background:linear-gradient(135deg,#e0f6ff,#eee9ff);overflow:hidden;isolation:isolate}.pa-frame img{width:100%;height:100%;object-fit:cover;display:block}.pa-frame.pa-working:after{content:"";position:absolute;inset:-30%;background:linear-gradient(100deg,transparent 35%,#ffffff99 50%,transparent 65%);transform:translateX(-100%);animation:pa-shine 2.8s ease-in-out infinite;pointer-events:none}.pa-frame .pa-play{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:transparent;box-shadow:none}.pa-play span{display:grid;place-items:center;width:52px;height:52px;border:2px solid white;border-radius:50%;background:#13294e99;color:white;font-size:22px;padding-left:3px}.pa-progress{height:9px;background:#dfeaf8;border-radius:9px;overflow:hidden;margin:14px 0 6px}.pa-progress span{height:100%;display:block;background:linear-gradient(90deg,#00b8e8,#7867ef);transition:width .4s}.pa-steps{list-style:none;padding:0;margin:14px 0}.pa-steps li{color:var(--pa-muted);font-size:13px;margin:9px 0}.pa-steps li.pa-done{color:#00a57a}.pa-steps li.pa-current{font-weight:600;color:#048dcc}.pa-offline{position:sticky;top:0;z-index:20;background:#fff3c6;color:#775400;padding:10px 20px;text-align:center;font-size:13px}.pa-footer{display:flex;justify-content:center;gap:14px 24px;flex-wrap:wrap;margin:35px 20px;padding:20px;border-top:1px solid var(--pa-line);font-size:12px}.pa-dialog{color:var(--pa-ink);font:15px/1.5 system-ui,sans-serif;border:1px solid var(--pa-line);border-radius:24px;width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:26px;box-shadow:0 24px 90px #0a244950;overflow:auto}.pa-dialog::backdrop{background:#142b4f99;backdrop-filter:blur(3px)}.pa-dialog .pa-close{float:right;background:#edf5ff;color:var(--pa-ink);min-height:36px;width:36px;padding:0;margin:-12px -12px 10px 12px;border-radius:50%;box-shadow:none}.pa-player{width:min(650px,calc(100vw - 24px));background:#0c192e;color:white}.pa-player video{display:block;width:100%;max-height:75dvh;aspect-ratio:9/16;background:#000;border-radius:12px}.pa-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;background:#143154;color:white;max-width:calc(100vw - 24px);padding:13px 20px;border-radius:14px;font:14px/1.5 system-ui;box-shadow:0 8px 35px #092e4d44}.pa-small-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px}.pa-table-wrap{overflow:auto;border:1px solid var(--pa-line);border-radius:12px}.pa-table{border-collapse:collapse;width:100%;font-size:12px;background:white}.pa-table td,.pa-table th{text-align:left;border-bottom:1px solid #e8f1f9;padding:10px;max-width:320px;overflow-wrap:anywhere;vertical-align:top}.pa-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.pa-tabs button{padding:9px 14px}.pa-tabs .pa-selected{background:linear-gradient(100deg,#655dec,#00a5e7)}.pa-ticket{padding:14px 0;border-bottom:1px solid var(--pa-line)}.pa-message{padding:12px;border-radius:12px;background:#edf5ff;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.pa-message.admin{background:#e6fff5}.pa-ref{display:flex;gap:8px;flex-wrap:wrap}.pa-ref input{flex:1;min-width:180px}.pa-order .pa-actions{margin-top:auto;padding-top:15px}.pa-cookie{position:fixed;bottom:20px;right:20px;width:300px;z-index:50;background:#fff;border:1px solid var(--pa-line);padding:14px;border-radius:16px;box-shadow:0 8px 30px #173b6320;font:12px/1.5 system-ui;color:var(--pa-muted)}.pa-cookie button{margin-top:8px}.pa-upload-state{font-size:12px;line-height:1.4;margin-top:8px;overflow-wrap:anywhere}.pa-upload-preview{width:100%;height:100%;object-fit:contain;display:block;border-radius:12px}
@keyframes pa-shine{to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.pa-frame.pa-working:after{animation:none}.pa-progress span{transition:none}}
.pa-button{font-family:inherit;font-size:14px;font-weight:600;line-height:1.3}
@media(max-width:820px){.pa-grid{grid-template-columns:1fr}.pa-header{padding:16px;gap:12px;align-items:flex-start}.pa-header nav{gap:6px 14px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.pa-wrap{padding:0 14px;margin:20px auto}.pa-panel{padding:20px;border-radius:20px}.pa-cookie{display:none}}
@media(max-width:420px){.pa-brand{font-size:16px}.pa-brand small{font-size:6px;letter-spacing:1.2px}.pa-header nav>a:first-child{display:none}.pa-panel{padding:16px}.pa-panel h1{font-size:26px}.pa-order-body{grid-template-columns:110px minmax(0,1fr);gap:12px}.pa-actions>*{flex:1}.pa-dialog{padding:22px 18px}.pa-order h2{font-size:17px}}