.gh.builder-page{min-height:100vh}.gh .b-head{background:var(--cream);border-bottom:1px solid var(--line);top:env(safe-area-inset-top,0px);z-index:20;position:sticky}.gh .b-head .wrap{flex-wrap:wrap;align-items:center;gap:12px 20px;padding-block:12px;display:flex}.gh .b-logo img{width:auto;height:34px;display:block}.gh .b-head .have{color:var(--ink-soft);margin-left:auto;font-size:14px}.gh .b-head .have a{min-height:44px;color:var(--forest);align-items:center;padding:0 4px;font-weight:700;display:inline-flex}.gh .progress{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.gh .progress li{color:var(--ink-soft);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.gh .progress li+li:before{content:"";background:var(--line);width:18px;height:2px}.gh .progress i{border:2px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;font-weight:800;display:grid}.gh .progress li.on{color:var(--ink)}.gh .progress li.on i{background:var(--forest);border-color:var(--forest);color:#fff}.gh .progress li.done i{background:var(--sun-fill);border-color:var(--sun);color:#fff}.gh .builder{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:clamp(24px,4vw,56px);padding-block:36px 72px;display:grid}.gh .b-main{min-width:0}.gh .b-h{font-family:var(--display);letter-spacing:-.018em;color:var(--forest);z-index:0;text-wrap:balance;margin:10px 0 0;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;line-height:1.05;position:relative}.gh .b-h em{color:var(--ink);font-style:normal;position:relative}.gh .b-h em:after{content:"";background:var(--lime);z-index:-1;border-radius:4px;height:.32em;position:absolute;bottom:.06em;left:-2%;right:-2%;transform:rotate(-1.5deg)}.gh .b-form{gap:22px;margin-top:28px;display:grid}.gh .field{gap:8px;min-width:0;display:grid}.gh .field>label,.gh .field>.lab{font-size:15px;font-weight:700}.gh .opt{color:var(--ink-soft);font-weight:400}.gh .hint{color:var(--ink-soft);justify-self:end;margin-top:-4px;font-size:12.5px}.gh .field input[type=text],.gh .field input[type=number],.gh .field select,.gh .field textarea{font:inherit;border:2px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;width:100%;min-width:0;padding:13px 15px;font-size:16px}.gh .field textarea{resize:vertical;min-height:80px}.gh .field input:focus,.gh .field select:focus,.gh .field textarea:focus{border-color:var(--forest);outline:none}.gh .b-err{color:#8a5a12;background:#fdf4e3;border-radius:8px;padding:6px 10px;font-size:13px}.gh .row2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.gh .seg{flex-wrap:wrap;gap:8px;display:flex}.gh .seg button{min-width:44px;min-height:44px;font:inherit;border-radius:var(--r-pill);border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;padding:10px 16px;font-size:15px;font-weight:600;transition:transform .15s}.gh .seg button:hover{transform:translateY(-2px)}.gh .seg button[aria-pressed=true]{background:var(--forest);color:#fff;border-color:var(--forest)}.gh .seg.small button{border-width:1.5px;padding:7px 12px;font-size:14px}.gh .when-pick{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gh .when-pick button{font:inherit;text-align:left;border:2px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;border-radius:16px;gap:2px;padding:12px 14px;display:grid}.gh .when-pick button b{font-size:15px}.gh .when-pick button span{color:var(--ink-soft);font-size:12.5px}.gh .when-pick button[aria-pressed=true]{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}.gh .when-times{gap:10px;display:grid}.gh .when-times .seg small{opacity:.75;font-size:12px;font-weight:500}.gh .when-custom{grid-template-columns:1fr 1fr;gap:10px;max-width:340px;display:grid}.gh .when-custom label{gap:4px;font-size:13px;font-weight:700;display:grid}.gh .when-custom select{font:inherit;border:2px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;width:100%;padding:11px 12px;font-size:16px}.gh .value-wrap{align-items:center;gap:10px;display:flex}.gh .value-wrap input{max-width:120px;font-family:var(--mono);font-weight:700}.gh .value-wrap .unit{color:var(--forest);font-size:20px;font-weight:800}.gh .title-out{background:var(--gold-wash);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}.gh .title-out small{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.gh .upload{border:2px dashed var(--line);background:var(--paper);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px;display:flex}.gh .upload .thumb{background:var(--cream-2);width:54px;height:54px;color:var(--ink-soft);border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.gh .upload .thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.gh .u-copy{flex:1;min-width:160px}.gh .u-copy b{display:block}.gh .u-copy span{color:var(--ink-soft);font-size:13px}.gh .btn-line{background:var(--paper);color:var(--ink);border:2px solid var(--line);padding:11px 18px}.gh .btn-line:hover{border-color:var(--ink)}.gh .nav-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.gh .saved{color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;display:inline-flex}.gh .saved:before{content:"";background:#2bb673;border-radius:50%;width:8px;height:8px}.gh .publish-card{background:var(--paper);box-shadow:0 1px 0 var(--line);border-radius:26px;gap:14px;max-width:520px;margin:26px 0 16px;padding:clamp(20px,3vw,30px);display:grid}.gh .b-full{justify-content:center;width:100%}.gh .or{color:var(--ink-soft);align-items:center;gap:12px;font-size:13px;display:flex}.gh .or:before,.gh .or:after{content:"";background:var(--line);flex:1;height:1px}.gh .trust{flex-wrap:wrap;gap:8px;display:flex}.gh .trust span{background:var(--gold-wash);border-radius:99px;padding:5px 11px;font-size:13px;font-weight:700}.gh .preview{gap:14px;min-width:0;display:grid;position:sticky;top:84px}.gh .preview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.gh .preview-label span{font-family:var(--mono);letter-spacing:0;text-transform:none;font-weight:500}.gh .tile-img.has-photo .wm,.gh .tile-img.has-photo .dots{display:none}.gh .detail{background:var(--forest);color:#fff;border-radius:20px;gap:10px;padding:18px;display:grid}.gh .detail h4{font-family:var(--display);overflow-wrap:anywhere;margin:0;font-size:1.3rem;font-weight:700;line-height:1.15}.gh .detail .d-desc{color:#ffffffd1;margin:0;font-size:14px}.gh .detail .terms{color:#ffffffd9;overflow-wrap:anywhere;background:#ffffff12;border-radius:12px;padding:10px 12px;font-size:13.5px}.gh .detail .d-how{gap:6px;font-size:13.5px;display:grid}.gh .detail .d-how div{align-items:flex-start;gap:8px;display:flex}.gh .detail .d-how i{background:var(--sun-fill);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-style:normal;font-weight:800;display:grid}.gh .days-out{flex-wrap:wrap;gap:4px;display:flex}.gh .days-out span{color:#ffffff73;background:#ffffff1a;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:800}.gh .days-out span.on{background:var(--gold-light);color:var(--forest-deep)}@media (max-width:960px){.gh .builder{grid-template-columns:minmax(0,1fr)}.gh .preview{order:-1;position:static}}@media (max-width:520px){.gh .progress li{gap:0;font-size:0}.gh .progress li.on{gap:6px;font-size:13px}.gh .b-head .have{font-size:13px}}.gh .p-jump{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.gh .p-jump:hover{color:var(--forest);text-decoration:underline}.gh .title-out .count{font-family:var(--mono);color:var(--ink-soft);margin-left:auto;font-size:12px;font-weight:600}.gh .title-out .count.over{color:#8a5a12}.gh .desc-auto{background:var(--paper);border:2px dashed var(--line);color:var(--ink-soft);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;font-size:15px;display:flex}.gh .link-btn{min-width:44px;min-height:44px;font:inherit;color:var(--forest);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;flex:none;align-items:center;padding:0 4px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.gh .b-summary{background:var(--paper);max-width:520px;box-shadow:0 1px 0 var(--line);border-radius:20px;margin:22px 0 0;padding:4px 18px}.gh .b-summary div{border-bottom:1px solid var(--line);grid-template-columns:80px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:12px 0;display:grid}.gh .b-summary div:last-child{border-bottom:0}.gh .b-summary dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:700}.gh .b-summary dd{overflow-wrap:anywhere;margin:0;font-weight:700}.gh .b-summary dd span{color:var(--ink-soft);font-size:13.5px;font-weight:400;display:block}.gh .field [aria-invalid=true]{background:#fdf4e3;border-color:#c9852b}@media (max-width:960px){.gh .preview .detail,.gh .preview .preview-label span{display:none}.gh .preview .tile{max-width:360px}.gh .preview .tile-img{aspect-ratio:3}}.gh .hint-l{color:var(--ink-soft);margin-top:-4px;font-size:13.5px}.gh .upload.bad{background:#fdf4e3;border-color:#c9852b}.gh .upload+.upload,.gh .b-err+.upload{margin-top:4px}.gh .upload .logo-thumb{border:1px solid var(--line);background:#fff}.gh .upload .logo-thumb img{-o-object-fit:contain;object-fit:contain;padding:4px}.gh .badge-logo{overflow:hidden}.gh .badge-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:2px}.gh .sum-imgs{gap:6px;margin-bottom:6px;display:flex}.gh .sum-imgs img{border:1px solid var(--line);background:#fff;border-radius:8px;height:40px}.gh .sum-logo{-o-object-fit:contain;object-fit:contain;width:40px}.gh .sum-cover{-o-object-fit:cover;object-fit:cover;width:72px}.gh .usual-wrap{max-width:200px}@media (max-width:960px){.gh .preview .t3{max-width:360px}.gh .preview .t3-img{aspect-ratio:3}}
