:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.app{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:20px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.topbar h1{color:#121820;letter-spacing:0;margin:0;font-size:28px;line-height:1.1}.topbar p{color:#62707f;word-break:break-word;margin:6px 0 0;font-size:14px}.topbar-actions{flex:none;gap:8px;display:flex}.ghost-button,.usage-bar button,.buy-button,.feedback-button,.feedback-box button,.ticket-form button,.inquiry-form button,.plan-card button,.contact-row a,.modal-head button{cursor:pointer;border-radius:6px;min-height:40px;font-weight:700}.ghost-button{color:#0f6769;background:#fff;border:1px solid #0f8b8d;border-radius:6px;flex:none;padding:0 14px}.usage-bar{background:#fff;border:1px solid #cbd5df;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.usage-bar div{gap:3px;display:grid}.usage-bar strong{color:#121820;font-size:15px}.usage-bar span{color:#64748b;font-size:13px}.usage-bar button,.buy-button{color:#fff;background:#0f8b8d;padding:0 14px}.workspace{grid-template-columns:minmax(210px,.75fr) minmax(0,2.1fr) minmax(260px,.9fr);align-items:start;gap:14px;display:grid}.upload-pane,.control-pane,.preview-panel{background:#fff;border:1px solid #d4dde6;border-radius:8px}.upload-pane,.control-pane{padding:14px}.upload-box{color:#344256;cursor:pointer;text-align:center;background:#f8fafc;border:2px dashed #a9b6c4;border-radius:8px;place-items:center;gap:8px;min-height:180px;padding:20px;display:grid}.upload-box:hover{background:#f3fbfa;border-color:#0f8b8d}.upload-box input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-box span{color:#fff;background:#0f8b8d;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.upload-box strong{color:#64748b;font-size:13px}.secondary-button,.download-row button{color:#fff;cursor:pointer;background:#26323f;border-radius:6px;width:100%;min-height:42px;font-weight:700}.secondary-button{background:#2f6f4e;margin-top:12px}.buy-button{width:100%;margin-top:10px}button:disabled{cursor:not-allowed;opacity:.45}.notice-text,.error-text{border-radius:6px;margin:0 0 12px;padding:10px 12px;font-size:14px;line-height:1.5}.notice-text{color:#22613a;background:#effaf3;border:1px solid #b7ddc6}.error-text{color:#b42318;background:#fff4f2;border:1px solid #f3b5b0}.helper-text{color:#6b7280;margin:10px 0 0;font-size:12px;line-height:1.45}.preview-grid{grid-template-columns:1fr 1fr;gap:14px;min-width:0;display:grid}.preview-panel{min-width:0;overflow:hidden}.preview-title{color:#26323f;border-bottom:1px solid #d4dde6;align-items:center;min-height:42px;padding:0 12px;font-weight:700;display:flex}.image-frame{background-color:#fff;background-image:linear-gradient(45deg,#f2f4f7 25%,#0000 25%),linear-gradient(-45deg,#f2f4f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f2f4f7 75%),linear-gradient(-45deg,#0000 75%,#f2f4f7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;place-items:center;min-height:520px;padding:12px;display:grid}.image-frame img{object-fit:contain;background:#fff;border:1px solid #d7dee8;max-width:100%;max-height:72vh;display:block}.image-frame span{color:#778391;font-size:14px}.control-group{gap:18px;display:grid}.slider-row{gap:8px;display:grid}.slider-row span{color:#344256;justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.slider-row b{color:#111827;font-variant-numeric:tabular-nums}.slider-row input[type=range]{accent-color:#0f8b8d;width:100%}.toggle-row{color:#26323f;align-items:center;gap:10px;min-height:40px;font-weight:700;display:flex}.toggle-row input{accent-color:#0f8b8d;width:18px;height:18px}.download-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.download-row button:first-child{background:#0f8b8d}.download-row button:last-child{background:#7a4e12}.quality-section{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.quality-section article,.footer-links{background:#fff;border:1px solid #d4dde6;border-radius:8px}.quality-section article{padding:16px}.quality-section h2{color:#121820;letter-spacing:0;margin:0 0 8px;font-size:17px;line-height:1.3}.quality-section p{color:#475569;margin:0;font-size:14px;line-height:1.65}.footer-links{flex-wrap:wrap;grid-column:1/-1;gap:10px;padding:12px;display:flex}.footer-links a{color:#344256;background:#eef1f4;border-radius:6px;align-items:center;min-height:36px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.feedback-button{color:#344256;background:#fff;border:1px solid #cbd5df;width:100%;margin-top:10px}.feedback-box{gap:8px;margin-top:10px;display:grid}.feedback-box textarea,.ticket-form input,.inquiry-form input,.inquiry-form textarea{color:#1f2933;background:#fff;border:1px solid #cbd5df;border-radius:6px;width:100%}.feedback-box textarea,.inquiry-form textarea{resize:vertical;min-height:92px;padding:10px}.feedback-box button{color:#fff;background:#26323f}.modal-backdrop{z-index:20;background:#0f172a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pricing-modal{background:#fff;border-radius:8px;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 24px 80px #0f172a33}.modal-head{border-bottom:1px solid #d4dde6;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}.modal-head h2{color:#121820;letter-spacing:0;margin:0;font-size:22px}.modal-head p{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.5}.modal-head button{color:#344256;background:#eef1f4;flex:none;padding:0 12px}.plan-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 18px;display:grid}.plan-card{background:#fbfcfd;border:1px solid #d4dde6;border-radius:8px;align-content:start;gap:8px;min-height:156px;padding:12px;display:grid}.plan-card strong{color:#26323f;font-size:14px}.plan-card b{color:#0f6769;letter-spacing:0;font-size:22px}.plan-card p,.manual-pay p,.ticket-form p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.plan-card button{color:#fff;background:#0f8b8d;margin-top:auto}.manual-pay,.ticket-form{border:1px solid #d4dde6;border-radius:8px;margin:0 18px 16px;padding:14px}.manual-pay strong,.ticket-form label{color:#26323f;margin-bottom:8px;font-weight:800;display:block}.contact-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.contact-row a{color:#fff;text-align:center;background:#26323f;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.contact-row a:first-child{color:#1f2933;background:#f4c430}.ticket-form div{grid-template-columns:minmax(0,1fr) 96px;gap:8px;margin-bottom:8px;display:grid}.ticket-form input{min-height:42px;padding:0 11px}.ticket-form button{color:#fff;background:#0f8b8d}.inquiry-modal{width:min(560px,100%)}.inquiry-form{gap:12px;padding:18px;display:grid}.inquiry-form label{color:#26323f;gap:7px;font-size:14px;font-weight:800;display:grid}.inquiry-form input{min-height:42px;padding:0 11px}.inquiry-form textarea{line-height:1.5}.inquiry-form button{color:#fff;background:#0f8b8d}@media (width<=1100px){.workspace{grid-template-columns:240px minmax(0,1fr)}.control-pane{grid-column:1/-1}}@media (width<=760px){.app{padding:12px}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.workspace,.preview-grid{grid-template-columns:1fr}.control-pane{grid-column:auto}.upload-box{min-height:132px}.image-frame{min-height:340px}.image-frame img{max-height:58vh}.usage-bar{flex-direction:column;align-items:stretch}.usage-bar button,.ghost-button{width:100%}.topbar-actions{flex-direction:column;width:100%}.plan-grid{grid-template-columns:1fr 1fr}.quality-section{grid-template-columns:1fr}.footer-links{grid-column:auto}}@media (width<=420px){.download-row{grid-template-columns:1fr}.topbar h1{font-size:24px}.plan-grid,.contact-row,.ticket-form div{grid-template-columns:1fr}.modal-head{flex-direction:column}.modal-head button{width:100%}}