@font-face{font-family:BarlowC;src:url(./BarlowCondensed-Regular-DJ-RBg49.ttf)}@font-face{font-family:BarlowC;src:url(./BarlowCondensed-Bold-B8gd-ZdH.ttf);font-weight:700}@font-face{font-family:NotoJP;src:url(./NotoSansJP-VF-6bdnue8V.ttf)}:root{--ink:#0c0d0e;--paper:#f0eee8;--orange:#ed5a28;--line:#292b2d;--muted:#92928d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:NotoJP,Arial,sans-serif}.topbar{height:74px;border-bottom:1px solid #252729;display:flex;align-items:center;padding:0 5vw;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 17px/15px BarlowC;letter-spacing:1.7px}.brand-mark{color:var(--orange);font-size:25px}.top-copy{font:700 10px/12px BarlowC;letter-spacing:2px;color:#777;border-left:1px solid #383a3c;padding-left:28px}.edition{margin-left:auto;font:10px BarlowC;letter-spacing:2px;color:#666}.hero{padding:84px 7vw 70px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 34%,#292b28 0,transparent 25%),linear-gradient(115deg,#0d0e0f 54%,#171917)}.hero:after{content:"▲";position:absolute;right:9%;top:-165px;font:700 490px BarlowC;color:#ffffff05;transform:scaleX(.8)}.eyebrow{font:700 11px BarlowC;letter-spacing:3px;color:var(--orange);display:flex;align-items:center;gap:12px}.eyebrow>span{width:36px;height:2px;background:var(--orange)}h1{font-size:clamp(46px,7vw,90px);line-height:1.08;letter-spacing:-.06em;margin:25px 0 28px}h1 em{font-style:normal;color:var(--orange)}.hero p{color:#aaa8a1;font-size:14px;line-height:2}.hero-tags{display:flex;gap:27px;margin-top:42px;font:10px BarlowC;letter-spacing:2px;color:#686a69}.hero-tags span:before{content:"●";font-size:6px;color:var(--orange);margin-right:9px}.workspace{display:grid;grid-template-columns:minmax(440px,1fr) minmax(440px,1fr);border-top:1px solid #27292b;border-bottom:1px solid #27292b}.editor{padding:58px 6vw}.preview-panel{background:#111315;border-left:1px solid #282a2b;padding:48px 5vw;display:flex;flex-direction:column;align-items:center}.step-head{display:flex;gap:18px;align-items:center;margin-bottom:24px}.step-head b{font:700 35px BarlowC;color:var(--orange)}.step-head span,.subsection-title>span{font:9px BarlowC;letter-spacing:2px;color:#777}.step-head h2{font-size:18px;margin:2px 0}.second{margin-top:45px}.dropzone{height:175px;border:1px dashed #565858;background:#121416;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.over{border-color:var(--orange);background:#171412}.dropzone input{display:none}.upload-icon{border:1px solid #4b4d4e;border-radius:50%;font:24px BarlowC;width:44px;height:44px;display:grid;place-items:center;color:var(--orange);margin-bottom:10px}.dropzone strong{font-size:13px}.dropzone small{font-size:11px;color:#777;margin:6px}.dropzone i{font:9px BarlowC;letter-spacing:1.5px;color:#555}.text-button{display:block;margin:14px auto 0;border:0;background:none;color:#aaa;font-size:11px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:10px;color:#858681;letter-spacing:.06em}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select{width:100%;margin-top:8px;border:1px solid #323436;background:#111315;color:#eee;padding:13px 12px;font:13px NotoJP;border-radius:0}.form-grid input:focus,.form-grid select:focus{outline:1px solid var(--orange)}.subsection{margin-top:28px;padding-top:24px;border-top:1px solid #292b2d}.subsection-title{display:flex;align-items:center;justify-content:space-between}.field-note{font-size:10px;line-height:1.7;color:#666;margin:8px 0 16px}.mini-button{border:1px solid #3a3c3e;background:transparent;color:#aaa;padding:6px 9px;font:10px NotoJP;cursor:pointer}.metrics-grid{gap:12px}.check-row{display:flex;align-items:center;gap:9px;margin-top:16px;color:#aaa;font-size:11px;cursor:pointer}.check-row input{accent-color:var(--orange)}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.control-label{font:9px BarlowC;letter-spacing:1.8px;color:#777;display:block;margin-bottom:8px}.segmented{display:flex;border:1px solid #333}.segmented button{flex:1;padding:11px;border:0;background:#121416;color:#777;font:700 11px BarlowC;letter-spacing:1px;cursor:pointer}.segmented button.active{background:#e8e5dc;color:#111}.format-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format-card{background:#121416;border:1px solid #343638;color:#888;text-align:left;padding:13px;cursor:pointer}.format-card b{display:block;color:#ddd;font:700 12px NotoJP}.format-card span{font:9px BarlowC;letter-spacing:1px}.format-card.active{border-color:var(--orange);background:#1b1512}.format-card.active b{color:var(--orange)}.background-picker input{display:none}.background-picker>span:last-child{display:block;border:1px solid #333;padding:10px;text-align:center;font-size:11px;cursor:pointer}.preview-head{width:100%;display:flex;justify-content:space-between;font:9px BarlowC;letter-spacing:2px;color:#777}.preview-head button{border:0;background:none;color:#555;font:10px BarlowC;cursor:pointer}.preview-head button.active{color:var(--orange)}.side-description{width:100%;margin:7px 0 18px;color:#555;font-size:9px;text-align:right}.card-shell{width:min(100%,380px);aspect-ratio:4/5;box-shadow:0 30px 70px #000b;transition:width .2s,aspect-ratio .2s}.card-shell.landscape{width:min(100%,660px);aspect-ratio:16/9}.card-shell svg{width:100%;height:100%;display:block}.actions{display:grid;grid-template-columns:1.25fr 1.25fr .8fr;gap:9px;width:100%;margin-top:24px}.actions button{min-height:52px;font:700 11px NotoJP;cursor:pointer}.primary{background:var(--orange);border:1px solid var(--orange);color:#fff}.primary span{display:block;font:8px BarlowC;letter-spacing:1px;opacity:.75}.secondary{background:transparent;border:1px solid #454747;color:#ddd}.secondary.compact{color:#888}.privacy{font-size:9px;color:#5f6161}.collection{padding:90px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.collection h2{font-size:clamp(32px,4vw,55px);line-height:1.25;margin:20px 0 0}.collection p{font-size:13px;line-height:2;color:#878882}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.preview-panel{border-left:0;border-top:1px solid #282a2b}.editor,.preview-panel{padding:38px 6vw}.collection{grid-template-columns:1fr}.edition{display:none}}@media(max-width:600px){.hero{padding-top:58px}.workspace{display:flex;flex-direction:column}.preview-panel{order:-1;padding:28px 4vw}.form-grid,.control-row{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.top-copy{display:none}.card-shell{width:86vw}.card-shell.landscape{width:92vw}.actions{grid-template-columns:1fr 1fr}.actions .compact{grid-column:1/-1;min-height:42px}.hero-tags{gap:12px;flex-wrap:wrap}.format-options{grid-template-columns:1fr}}