/* Original demo functions, restyled to match the atelier. */
body{background:var(--paper);font-family:var(--sans);color:var(--ink)}.bg-decoration-text{display:none}.container{max-width:1280px;padding:0 40px}.studio-top{padding:31px 0;align-items:center;border-bottom:1px solid var(--line);gap:30px}.studio-top .wordmark{font-family:var(--sans);font-size:28px}.studio-top nav{margin:0;gap:24px}.studio-top nav a{font:500 10px var(--sans);letter-spacing:.08em;white-space:nowrap}.studio-top #nav-auth{border:0;border-radius:0;padding:0}.studio-top #nav-auth:hover{background:none;color:var(--accent)}.studio-kicker{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.13em;padding-top:22px;color:#858879}.studio-kicker>span:last-child{font-size:9px;letter-spacing:0}.page{padding:65px 0 90px;animation:none}.page>.eyebrow{color:var(--accent);margin-bottom:17px}.page h2{font:500 clamp(38px,4vw,62px)/1.1 var(--serif);letter-spacing:-.035em;margin:0 0 24px}.page h2 em{color:var(--accent)}.studio-intro{color:#767d6b;font-size:13px;margin:0 0 25px}.prompt-label{display:block;font-size:12px;margin:0 0 12px}.upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}.upload-box{height:160px;border:1px dashed #bebfb3;border-radius:0;background-color:#e8e6dd;box-shadow:none;font-size:10px;color:#656e57;background-size:contain;background-repeat:no-repeat;overflow:hidden}.upload-box:hover{transform:none;border-color:var(--accent)}.upload-box.uploaded{align-items:flex-end}.upload-box.uploaded span{background:#222a21d9;color:white;padding:7px;width:100%;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-input,.auth-input{border-radius:0;background:#f8f6f0;border:1px solid #c7cbbb;font-size:13px;font-family:var(--sans);color:var(--ink);box-shadow:none}.prompt-input:focus,.auth-input:focus{border-color:var(--accent);box-shadow:none}.btn-primary{border-radius:0;background:var(--ink);box-shadow:none;font:500 11px var(--sans);letter-spacing:.08em;padding:19px 27px;min-height:48px}.btn-primary:hover{transform:none;background:var(--accent);box-shadow:none}.result-grid{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.result-item{height:auto;aspect-ratio:1.18;border:0;border-radius:0;box-shadow:none;background-position:center;background-color:var(--dark)}.result-item:hover{transform:translateY(-3px);box-shadow:none}.result-overlay{align-items:flex-start;text-align:left;padding:70px 25px 24px;background:linear-gradient(transparent,#151711ed)}.result-overlay>span:first-child{font-size:9px;color:#c3c6b9}.result-overlay strong{font:400 31px/1.4 var(--serif);text-transform:none;letter-spacing:0}.result-overlay .hint{font-size:8px;color:#dda584}.regenerate-box{border:1px solid var(--line);border-radius:0;background:#e7e6dc;padding:32px;margin-top:40px}.prompt-summary{font-size:12px;color:#707965;white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid var(--accent);padding:10px 18px;margin:25px 0}.prompt-summary:empty{display:none}.studio-text-button{font-size:11px;padding:0 0 12px;color:var(--accent)}#loadingArea{padding:100px 20px;min-height:450px}.loader{border-color:#d6d8cb;border-top-color:var(--accent)}#loadingArea p{font:400 32px var(--serif)}.modal{z-index:100;background:#131710dc;padding:20px}.modal-content{max-width:900px;border:0;border-radius:0;background:var(--paper);padding:40px;box-shadow:none}.close-btn{border:0;background:var(--paper);font-size:28px;right:17px;top:12px;padding:0;line-height:1;width:36px;height:36px}.close-btn:hover{transform:none;color:var(--accent)}.modal-content h2{font:500 37px/1.15 var(--serif)!important;padding:0 20px;margin:10px 0}.viewer-area{height:410px;background:#dfdfd5;border:0;border-radius:0}#helmetViewer{background:#dfdfd5}#viewerFallback{width:100%;height:100%;object-fit:contain;background:#1b1b19}.badge-360,.badge-status{border-radius:0;font-size:9px;font-weight:400;letter-spacing:.1em;background:#292f25}.badge-360{left:13px;top:13px}.badge-status{right:13px;top:13px}.viewer-note{font-size:11px;line-height:1.8;color:#7c826f}.payment-summary,.auth-card,.mypage-card{border-radius:0;box-shadow:none;border:1px solid var(--line);background:#f8f6ef;padding:30px}.payment-summary{top:30px}.payment-summary h3,.mypage-card h3{font:500 26px var(--serif)}.summary-price{font:500 43px var(--serif);color:var(--accent)}.payment-layout{gap:32px}.payment-form-area{min-width:0}.payment-summary{min-width:260px}.auth-card{max-width:480px;padding:42px}.auth-card h2{font-size:45px;margin:15px 0 28px}.auth-input{padding:15px}.demo-login{display:block;width:100%;border:1px solid #8c977d;padding:14px 12px;margin-bottom:25px;font-size:12px;color:#58644a}.demo-login:hover{background:#e5e8dc}.auth-toggle{font-size:11px}.mypage-header h2{font-size:52px}.mypage-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:26px}.order-history-item{gap:20px;align-items:flex-start}.order-history-item strong{font-size:12px}.order-status{border-radius:0;white-space:nowrap;background:#e4e7d8;color:#697254;font-size:9px}.order-meta{font-size:10px;color:#7a826c;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.empty-orders{font-size:12px;color:#7a826c;padding:30px 0}.settings-form label{font-size:11px}.settings-form .auth-input{margin-bottom:0}.error-message{color:#a94e35;font-size:11px}.auth-toggle span{color:var(--ink)}.studio-top a:focus-visible,.upload-box:focus-visible,.result-item:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:760px){.container{padding:0 22px}.studio-top{flex-wrap:wrap;gap:23px;padding:25px 0}.studio-top nav{width:100%;gap:18px;justify-content:flex-start;margin:0;flex-wrap:wrap}.studio-top nav a{font-size:9px}.studio-kicker{flex-direction:column;gap:8px;padding-top:18px}.page{padding:42px 0 65px}.page h2{font-size:42px}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.upload-box{height:125px}.prompt-input,.auth-input{font-size:16px}.result-grid{gap:15px;grid-template-columns:1fr}.result-item{aspect-ratio:1.05}.result-overlay{padding:50px 20px 20px}.regenerate-box{padding:23px}.regenerate-box h3{font-size:18px}.payment-layout{display:flex;flex-direction:column}.payment-form-area,.payment-summary{width:100%}.mypage-grid{display:grid;grid-template-columns:1fr}.auth-card{padding:30px 22px}.auth-card h2{font-size:40px}.modal{padding:12px}.modal-content{padding:34px 18px 24px;width:100%;max-height:calc(100svh - 24px)}.modal-content h2{font-size:29px!important}.viewer-area{height:300px}.modal-content>p{font-size:11px!important}.order-history-item{flex-direction:column;gap:10px}.btn-primary{font-size:10px;padding:17px 21px;letter-spacing:.05em}.page>h2 em{display:block}.payment-summary{position:static}.mypage-card{padding:25px}.viewer-note{margin-bottom:18px}}
