/* Additions to the last working Oakline dark interactive design. */
.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.studio-more{background:#142018;border-top:1px solid #34463a}.more-card{background:#1b2c20;border:1px solid #374c3d;border-radius:18px;padding:27px;min-height:272px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .3s,border-color .3s}.more-card:hover{transform:translateY(-5px);border-color:#8fae8d}.more-card>span{font-size:11px;letter-spacing:.13em;color:#93b49b}.more-card h3{font-size:25px;letter-spacing:-.045em;margin:24px 0 8px}.more-card p{font-size:13px;line-height:1.75;color:#aec2b2;flex:1}.more-card .btn{margin-top:21px}.tracker-section{background:#101913}.tracker-row{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.tracker-row h2{font-size:clamp(38px,5vw,70px);line-height:1.07;letter-spacing:-.065em;margin:16px 0}.tracker-row h2 span{color:#a9c8a6}.tracker-row p{color:#b1c5b4;max-width:480px;font-size:14px;line-height:1.8;margin-bottom:23px}.tracker-demo{background:linear-gradient(145deg,#203328,#17271f);border:1px solid #46634a;border-radius:22px;padding:30px;box-shadow:0 28px 60px #0004}.tracker-demo-top{display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:.1em;color:#b9ccb8}.tracker-demo-top>span:last-child{margin-left:auto;color:#849e8b}.tracker-demo strong{display:block;font-size:26px;margin:25px 0 5px}.tracker-demo small{color:#a4b7a5}.tracker-demo-line{display:flex;gap:7px;margin-top:25px}.tracker-demo-line span{height:7px;flex:1;border-radius:9px;background:#405448}.tracker-demo-line .done{background:#b5d1ab}.tracker-demo>p{display:flex;justify-content:space-between;margin:16px 0 0}.tracker-demo>p span{color:#c1d4c1}
.studio-hero{padding:72px 0 36px}.studio-hero h1{font-size:clamp(44px,7vw,85px);line-height:1.06;letter-spacing:-.07em;margin:12px 0 13px}.studio-hero h1 span{color:#b4d0aa}.studio-hero p{color:#b0c2b1;max-width:570px;font-size:14px;line-height:1.9}.studio-hero-row{display:flex;justify-content:space-between;align-items:end;gap:24px}.local-flag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.09em;border:1px solid #526e57;background:#253a2b;padding:9px 12px;border-radius:100px;color:#bed5b9;white-space:nowrap}.studio-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}.studio-panel{border:1px solid #405747;border-radius:21px;background:#1a2920;padding:30px;margin:0 0 22px;min-width:0}.studio-panel-heading{margin-bottom:25px}.studio-panel-heading h2{font-size:28px;letter-spacing:-.045em;margin:0 0 7px}.studio-panel-heading h2 span{color:#b9d3b5;font-size:17px}.studio-panel-heading p{color:#a5b8aa;font-size:13px}.studio-panel label{display:block;margin:18px 0 8px;font-size:12px;font-weight:800;color:#d7e5d4}.studio-panel input:not([type=file]),.studio-panel select,.studio-panel textarea{width:100%;min-width:0;max-width:100%;color:#f1f5ed;background:#0f1b14;border:1px solid #405746;padding:13px 14px;border-radius:12px;font:inherit;font-size:14px;outline:none}.studio-panel input:focus,.studio-panel select:focus,.studio-panel textarea:focus{border-color:#a9ce9b;box-shadow:0 0 0 3px #74997744}.studio-panel textarea{resize:vertical}.studio-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.studio-actions .btn{min-height:42px;font-size:12px}.studio-empty{border:1px dashed #5b705b;border-radius:14px;padding:26px;color:#a5b8aa;font-size:13px}.studio-list{display:grid;gap:12px}.saved-build{border:1px solid #425847;background:#142219;border-radius:15px;padding:18px}.saved-build-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.saved-build-head strong{font-size:15px}.saved-stage{font-size:10px;border-radius:100px;background:#304833;color:#c3dfbc;padding:5px 8px;white-space:nowrap}.saved-build p{font-size:12px;color:#abc0af;margin:9px 0 0}.saved-build .studio-actions{margin-top:13px}.studio-backup{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.danger{color:#f0b7b7!important}.qr-panel{margin-top:10px}.qr-layout{display:grid;grid-template-columns:310px 1fr;gap:30px;align-items:start}.qr-art{width:300px;height:300px;max-width:100%;display:grid;place-items:center;background:#fff;border:10px solid white;border-radius:14px;color:#2c332a;padding:8px;text-align:center;font-size:12px}.qr-art svg{width:100%;height:100%}.qr-side{min-width:0}.qr-side textarea{word-break:break-all;overflow-wrap:anywhere}.quiet{color:#90a594;font-size:12px;line-height:1.75;margin-top:18px}.studio-privacy{border:1px solid #405747;border-radius:18px;padding:24px 28px;margin-top:6px;margin-bottom:85px;background:#1a2a1f}.studio-privacy strong{display:block;margin-bottom:7px}.studio-privacy p{font-size:13px;color:#abc1ad;line-height:1.8}.piece-empty{max-width:850px;margin:0 auto 100px}.piece-empty h2{margin-bottom:10px}.piece-empty p{margin-bottom:20px;color:#abbcad}.piece-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start;margin:10px auto 90px}.piece-photo{background:#213124;border-radius:20px;overflow:hidden;border:1px solid #425a43}.piece-photo img{width:100%;display:block}.piece-copy{background:#192a1f;border:1px solid #425a43;padding:28px;border-radius:20px}.piece-copy h2{font-size:clamp(30px,4vw,51px);line-height:1.1;margin:17px 0}.piece-copy h3{font-size:15px;margin:23px 0 8px}.piece-copy>p:not(.quiet){color:#c7d6c7;font-size:14px;white-space:pre-wrap;line-height:1.75}.piece-status{display:flex;gap:8px;align-items:center;font-size:12px;color:#c1d8bd}.progress-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:22px 0}.progress-step{text-align:center;min-width:0}.progress-step span{display:grid;place-items:center;border-radius:9px;background:#304335;border:1px solid #4a614c;height:38px;margin-bottom:7px;color:#9db29e;font-size:13px}.progress-step.complete span{background:#799d77;color:#111d15;border-color:#97b990}.progress-step small{color:#8ea392;font-size:10px;line-height:1.3;display:block}.progress-step.complete small{color:#d0e0cc}.piece-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.piece-meta>div{background:#112019;border:1px solid #374b3b;padding:14px;border-radius:11px;min-width:0}.piece-meta small{display:block;color:#9bb79e;font-size:10px;margin-bottom:7px}.piece-meta strong{font-size:13px;overflow-wrap:anywhere}
@media(max-width:900px){.studio-layout,.piece-detail,.tracker-row{grid-template-columns:1fr}.qr-layout{grid-template-columns:1fr}.qr-art{margin:auto}.studio-hero-row{display:block}.local-flag{margin-top:20px}}
@media(max-width:700px){.more-grid{grid-template-columns:1fr}.studio-form-grid{grid-template-columns:1fr;gap:0}.studio-panel{padding:20px}.studio-hero{padding-top:45px}.progress-step small{font-size:9px}}
@media print{body{background:white!important;color:black!important}body>*:not(main){display:none!important}main>section:not(#qr-panel){display:none!important}#qr-panel{display:block!important;border:0;color:black;background:white}#qr-panel .studio-panel-heading p,#qr-panel .studio-actions,#qr-panel .quiet,#qr-panel textarea,#qr-panel label{display:none!important}.qr-art{width:360px;height:360px;border:0;box-shadow:none;margin:20px auto}.qr-side{display:none!important}#qr-panel .studio-panel-heading h2{text-align:center;color:#111}}

/* Six-item collection: consistent product grid, rather than a second crowded section. */
.six-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.six-grid .product-tile{min-width:0}.six-grid .product-visual{aspect-ratio:1.35}.six-grid .product-visual img{width:100%;height:100%;object-fit:cover}.six-grid .product-content{padding:23px}.six-grid .product-content h2{font-size:clamp(19px,2vw,26px)}.six-grid .tile-bottom{gap:12px;flex-wrap:wrap}
@media(max-width:960px){.six-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.six-grid{grid-template-columns:1fr}.six-grid .product-visual{aspect-ratio:1.7}}

@media print{#qr-panel{display:block!important;max-width:520px;margin:0 auto;background:white!important;color:#17291d!important;border:4px solid #284e36!important;padding:22px!important}#qr-panel *{color:#17291d!important}#qr-panel .oakline-qr-brand{font-weight:900;font-size:27px;letter-spacing:-1px}#qr-art svg{width:250px!important;height:250px!important;margin:12px auto!important;display:block}#qr-panel .studio-actions,#qr-panel input,#qr-panel button{display:none!important}}
.oakline-qr-brand{font-weight:850;font-size:23px;color:#e6f4e4;letter-spacing:-.8px;margin:8px 0}.oakline-qr-hint{color:#acbfad;font-size:12px;margin:10px 0}