.journey-home{max-width:1050px;margin:35px auto 70px;text-align:center}.journey-brand{width:160px;margin:0 auto 36px}.journey-brand svg{width:100%;height:auto}.journey-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--muted);font-weight:700}.journey-home h1{font:500 clamp(36px,5vw,66px)/1.08 Georgia,serif;margin:22px 0}.journey-intro{font-size:17px;color:var(--muted);line-height:1.7}.journey-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:38px 0}.journey-choices>button{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:30px;text-align:left;cursor:pointer;box-shadow:0 12px 36px var(--shadow);transition:transform .2s}.journey-choices>button:hover{transform:translateY(-4px)}.journey-choices strong{display:block;font:28px Georgia,serif;margin:20px 0 12px}.journey-choices button>span:not(.journey-art){display:block;color:var(--muted);line-height:1.6;max-width:340px}.journey-choices b{display:block;color:var(--blue);margin-top:24px}.journey-art{display:flex;height:140px;align-items:center;justify-content:center;background:var(--soft);border-radius:15px}.journey-cards i{display:grid;place-items:center;width:74px;height:105px;background:var(--paper);border:1px solid var(--line);border-radius:10px;font:24px Georgia;color:var(--blue);transform:rotate(-12deg)}.journey-cards i:nth-child(2){height:115px;transform:rotate(0);z-index:1;margin:0 -8px}.journey-cards i:last-child{transform:rotate(12deg)}.journey-disc i{width:110px;height:110px;border:1px solid var(--line);background:var(--paper);display:grid;place-content:center;text-align:center;color:var(--blue);font:18px Georgia;box-shadow:26px 0 0 -2px var(--soft),27px 0 0 var(--line);transform:rotate(-8deg)}.journey-note{color:var(--muted);font-size:13px}.journey-primary{background:var(--btn)!important;color:var(--btntext)!important;border:1px solid var(--btn)!important;border-radius:10px;padding:12px 18px;font:600 14px Arial;cursor:pointer}.journey-help{border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:var(--soft);margin:20px 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.journey-help p{margin:0;flex:1;min-width:200px}.journey-help button{padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);cursor:pointer}.journey-forward{display:flex;justify-content:flex-end;margin:24px 0}.journey-progress{font-size:12px;color:var(--muted);margin-left:12px}.du{max-width:1180px;margin:auto}.du-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:28px 0}.du h1{font:36px Georgia;margin:8px 0}.du h2{font:26px Georgia}.du h3{font:18px Georgia}.du-heading p,.du-panel p{color:var(--muted)}.du-layout{display:grid;grid-template-columns:minmax(300px,1fr) 380px;gap:28px}.du-stage{border-radius:24px;border:1px solid var(--line);background:radial-gradient(ellipse,#fdf6f3,#d9ccd3);display:grid;justify-items:center;align-content:center;min-height:620px}.du-stage canvas{height:650px;max-height:75vh;max-width:100%;object-fit:contain}.du-stage p{color:#604f60;font-size:12px}.du-panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;align-self:start}.du-panel label{display:block;font-size:13px;margin:16px 0}.du-panel input[type=search],.du-panel select{width:100%;margin-top:8px;padding:10px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px}.du button{cursor:pointer}.du-categories{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.du-categories button,.du-equipped button,.du-panel>div>button,.du-edit-actions button{padding:9px 12px;background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:9px}.du-categories [aria-pressed=true]{background:var(--btn);color:var(--btntext)}.du-pieces{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:440px;overflow:auto}.du-pieces button{padding:10px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--bg);text-align:left}.du-pieces img{width:100%;height:130px;object-fit:contain;background:#f4ebed;border-radius:8px}.du-pieces strong,.du-pieces small{display:block;margin-top:7px}.du-pieces small{font-size:10px;color:var(--muted)}.du-equipped{display:flex;flex-wrap:wrap;gap:8px}.du-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.du-swatches button{border:0;background:none;color:var(--ink);font-size:11px;padding:6px}.du-swatches i{display:block;width:34px;height:34px;background:var(--swatch);border-radius:50%;margin:0 auto 7px;box-shadow:0 0 0 1px #7775}.du-swatches [aria-pressed=true] i{outline:2px solid var(--blue);outline-offset:4px}.du-custom input{display:block;margin:8px 0;width:100%;height:36px}.du-edit-actions{display:flex;justify-content:space-between;gap:12px;margin:26px 0 16px}.du-remove{color:var(--muted)!important;background:transparent!important}.du #du-status{font-size:12px;margin-top:22px;min-height:20px}.single-journey{display:flex;align-items:center;gap:18px;margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.single-journey img{height:110px;max-width:180px;object-fit:contain;border-radius:8px}.single-journey label{color:var(--muted);font-size:13px}.app-toolbar #app-back{white-space:nowrap}@media(max-width:740px){.journey-choices{grid-template-columns:1fr}.journey-home{margin-top:25px}.journey-choices>button{padding:22px}.journey-art{height:110px}.journey-cards i{height:85px}.journey-cards i:nth-child(2){height:95px}.journey-disc i{width:80px;height:80px}.du-layout{grid-template-columns:1fr}.du-stage{min-height:400px}.du-stage canvas{height:450px}.du-heading{align-items:flex-start;flex-direction:column}.du h1{font-size:30px}.du-panel{padding:18px}.single-journey{flex-wrap:wrap}.single-journey img{height:90px}.journey-progress{display:block;margin:0}.journey-home h1{font-size:40px}}@media(prefers-reduced-motion:reduce){.journey-choices>button{transition:none}}

.du-pieces .du-remove-option{grid-column:1/-1;padding:12px 14px;border-style:dashed}.du-remove-option strong{margin-top:0}.du-remove-option small{margin-top:4px}.du-pieces .du-remove-option:disabled{opacity:.55;cursor:default}.du-pieces .du-remove-option:not(:disabled):hover{border-color:var(--blue);background:var(--soft)}

.du-preview-controls{margin:0 0 16px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.du-preview-controls>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.du-preview-controls>p{height:16px;margin:7px 0 12px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.du-preview-actions{display:flex;gap:8px}.du-preview-actions button,.du-color-heading button,#du-original{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);font-size:12px}.du-preview-actions button:disabled{opacity:.45;cursor:default}.du-picker{height:440px;min-width:0}.du-picker .du-pieces{height:100%;align-content:start;scrollbar-gutter:stable}.du-picker [hidden]{display:none!important}.du-picker #du-edit{height:100%;overflow:auto;scrollbar-gutter:stable}.du-color-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.du-color-heading h3{margin:4px 0}.du-picker .du-pieces [aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.du-picker .du-pieces [data-equipped=true] strong:after{content:" · Wearing";font-size:10px;font-weight:400;color:var(--blue)}@media(min-width:741px){.du-stage{position:sticky;top:16px;align-self:start;min-height:0;padding:16px 0}.du-stage canvas{max-height:calc(100vh - 100px)}}

.du-layout{overflow-anchor:none}

/* Reserve the completion row so switching pieces does not move the picker. */
.du-complete-row{height:112px;margin-top:12px;overflow:auto}
#du-complete{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);font-size:12px}
#du-complete:disabled{opacity:.55;cursor:default}
#du-complete[hidden]{display:none}
#du-complete-note{font-size:11px;line-height:1.4;margin:6px 0 0}
html:lang(ja) .du-picker .du-pieces [data-equipped=true] strong:after{content:" · 着用中"}
.du-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;flex-shrink:0;max-width:440px}.du-heading-actions #du-save{padding:12px 18px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;font:600 14px Arial}.du-heading-actions button:disabled{opacity:.45;cursor:default}@media(max-width:740px){.du-heading-actions{justify-content:flex-start;max-width:100%}}
.creator-share{margin:14px 0 22px}.creator-share-toggle{padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);font:600 14px Arial;cursor:pointer}.creator-share-box{margin-top:10px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);max-width:680px}.creator-share-box label{display:block;color:var(--muted);font-size:13px}.creator-share-box textarea{display:block;box-sizing:border-box;width:100%;margin:8px 0 12px;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font:14px/1.6 Arial}.creator-share-box button{padding:10px 14px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;cursor:pointer}.creator-share-box a{display:inline-block;color:var(--blue);margin:8px 14px;font-size:13px}.creator-share-box p{font-size:12px;color:var(--muted)}.creation-downloads{margin:22px 0;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.creation-downloads h2{font:24px Georgia;margin:0 0 8px}.creation-downloads p{font-size:13px}.creation-download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:20px}.creation-download-grid>div{display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px;background:var(--soft);border-radius:12px}.creation-download-grid img{width:100%;height:200px;object-fit:contain}.creation-download-grid a{color:var(--blue);padding:8px;text-align:center;font:600 14px Arial}.sd-exports{max-width:450px}
