body{display:flex;min-height:100vh;flex-direction:column;background:#f7f5f1}body:before,body:after{display:none}main{flex:1}.tool-hero{padding:46px 0 80px}.crumbs{display:flex;align-items:center;gap:9px;margin-bottom:34px;color:#8a867f;font-size:.78rem}.crumbs a{color:#5b5750;font-weight:750}.hero-copy{max-width:900px;margin:0 auto 36px;text-align:center}.hero-copy h1{margin:20px auto 15px;font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.055em}.grain-text{position:relative;color:#6c5ce7}.grain-text:after{content:"";position:absolute;inset:-3px -8px;background-image:radial-gradient(circle,#6c5ce7 0 1px,transparent 1.4px);background-size:5px 5px;opacity:.16;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.lead{max-width:730px}.studio{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(360px,.72fr);max-width:1180px;margin:auto;border:1px solid #d8d3ca;border-radius:11px;background:#fff;box-shadow:0 28px 80px rgba(42,36,27,.13);overflow:hidden}.preview-column{min-width:0;padding:16px;background:#e9e5df}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:0 8px;color:#625d55;font-size:.76rem}.live-label{display:flex;align-items:center;gap:8px}.live-label #textureMood{margin-left:5px;color:#969087}.live-dot{width:7px;height:7px;border-radius:50%;background:#22a273;box-shadow:0 0 0 4px rgba(34,162,115,.12)}.view-actions{display:flex;padding:3px;border:1px solid #d6d0c7;border-radius:6px;background:#f4f1ec}.view-button{min-height:29px;padding:0 10px;border:0;border-radius:4px;color:#777169;background:transparent;font-size:.67rem;font-weight:800}.view-button.active{color:#312e2a;background:#fff;box-shadow:0 2px 7px rgba(53,46,37,.1)}.preview-stage{position:relative;min-height:650px;overflow:hidden;border-radius:7px;background:#e9d9c3;isolation:isolate}.preview-stage canvas{position:absolute;inset:0;width:100%;height:100%}.poster-specimen{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:34px 38px;color:#2c2722;pointer-events:none;transition:opacity .2s}.poster-top,.poster-footer{display:flex;align-items:center;justify-content:space-between;font-size:.62rem;font-weight:900;letter-spacing:.15em}.poster-copy small{display:block;margin-bottom:17px;font-size:.56rem;font-weight:900;letter-spacing:.25em}.poster-copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,7vw,6.6rem);font-weight:400;line-height:.85;letter-spacing:-.075em}.poster-copy em{color:#fff;font-weight:400;text-shadow:0 2px 24px rgba(75,57,39,.12)}.poster-footer{align-items:flex-end}.poster-footer span{max-width:180px;line-height:1.5}.poster-footer b{font-family:Georgia,serif;font-size:1.8rem;font-style:italic;font-weight:400;letter-spacing:0}.preview-stage.texture-view .poster-specimen{opacity:0}.tile-guide{position:absolute;inset:0;z-index:3;display:none;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.34) 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),rgba(255,255,255,.34) 50%,transparent calc(50% + .5px))}.tile-guide:before{content:"";position:absolute;inset:19% 26%;border:1px solid rgba(255,255,255,.66);box-shadow:0 0 0 1px rgba(33,29,25,.08)}.tile-guide span{position:absolute;left:50%;top:19%;padding:5px 8px;color:#35312d;background:rgba(255,255,255,.9);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transform:translate(-50%,-50%)}.preview-stage.texture-view .tile-guide{display:block}.compare-button{position:absolute;right:18px;bottom:18px;z-index:5;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.5);border-radius:5px;color:#fff;background:rgba(31,27,23,.54);backdrop-filter:blur(10px);font-size:.7rem;font-weight:850;letter-spacing:.02em;box-shadow:0 7px 24px rgba(29,24,19,.15);transition:.18s}.compare-button:hover{background:rgba(31,27,23,.72)}.compare-button.comparing{color:#312e2a;background:#fff}.regenerate-flash{position:absolute;inset:0;z-index:4;opacity:0;background:#fff;pointer-events:none}.regenerate-flash.show{animation:flash .42s ease}@keyframes flash{0%{opacity:0}35%{opacity:.2}100%{opacity:0}}.preview-meta{display:flex;align-items:center;gap:20px;min-height:39px;padding:0 8px;color:#837d74;font-size:.65rem;font-weight:700}.preview-meta span{display:flex;align-items:center;gap:6px}.preview-meta b{color:#554f48}.seam-icon{width:7px;height:7px;border:1px solid #7e776f;transform:rotate(45deg)}.private-icon{width:7px;height:8px;border:1px solid #7e776f;border-radius:5px 5px 2px 2px}.control-panel{padding:27px 26px 23px;background:#fff}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #ebe7e1}.panel-kicker{display:block;margin-bottom:5px;color:#a09990;font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.panel-heading h2{margin:0;font-size:1.18rem;letter-spacing:-.025em}.shuffle-button{display:grid;place-items:center;width:41px;height:41px;padding:0;border:1px solid #dfdad3;border-radius:6px;color:#5c554d;background:#fff;font-size:1.25rem;transition:.18s}.shuffle-button:hover{color:#6c5ce7;border-color:#bcb5e2;background:#f9f8ff;transform:rotate(15deg)}.control-section{padding:18px 0;border-bottom:1px solid #ebe7e1}.section-label{display:block;margin-bottom:11px;color:#8e877e;font-size:.62rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.presets{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.preset{position:relative;height:46px;padding:0;border:2px solid #fff;border-radius:5px;background-color:var(--bg-color);background-image:var(--texture);background-size:24px 24px;box-shadow:0 0 0 1px #ddd7cf;transition:.18s}.preset:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #aaa0d7,0 7px 16px rgba(59,49,107,.13)}.preset.active{box-shadow:0 0 0 2px #6c5ce7}.preset.active:after{content:"";position:absolute;right:4px;bottom:4px;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:#6c5ce7}.field-row,.color-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.select-field>span,.color-field>span:first-child{display:block;margin-bottom:7px;color:#6d675f;font-size:.69rem;font-weight:800}.select-field select{width:100%;height:39px;padding:0 28px 0 10px;border:1px solid #dfdad3;border-radius:5px;color:#37332e;background:#faf9f7;font-size:.73rem;font-weight:700;outline:0}.select-field select:focus{border-color:#8f83d3;box-shadow:0 0 0 3px rgba(108,92,231,.09)}.color-row{margin-top:14px}.color-field>span:last-child{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:4px;height:39px;padding:3px;border:1px solid #dfdad3;border-radius:5px;background:#faf9f7}.color-field input[type=color]{width:34px;height:31px;padding:2px;border:0;border-radius:3px;background:#fff;cursor:pointer}.color-field input[type=text]{width:100%;min-width:0;border:0;color:#524c45;background:transparent;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.69rem;font-weight:800;text-transform:uppercase;outline:0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;cursor:pointer}.switch-row>span strong,.switch-row>span small{display:block}.switch-row>span strong{font-size:.72rem}.switch-row>span small{margin-top:3px;color:#9a938a;font-size:.62rem}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-row i{position:relative;width:39px;height:22px;border-radius:999px;background:#d7d2cb;transition:.2s}.switch-row i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.2s}.switch-row input:checked+i{background:#6c5ce7}.switch-row input:checked+i:after{transform:translateX(17px)}.switch-row input:focus-visible+i{outline:3px solid rgba(108,92,231,.18);outline-offset:2px}.sliders{display:grid;gap:15px}.slider-row>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#5e5851;font-size:.7rem}.slider-row b{font-weight:800}.slider-row output{color:#8e877e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;font-weight:700}.slider-row input{width:100%;height:4px;accent-color:#6c5ce7;cursor:pointer}.export-block{padding-top:19px}.export-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#777168;font-size:.65rem;font-weight:850}.export-heading span:last-child{color:#188764}.export-block code{display:-webkit-box;min-height:64px;padding:10px;border:1px solid #e2ddd6;border-radius:5px;color:#5b554e;background:#f7f5f2;font-size:.62rem;line-height:1.45;word-break:break-all;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.export-actions{display:grid;grid-template-columns:1fr .78fr;gap:8px;margin-top:9px}.primary-action,.secondary-action{display:flex;align-items:center;justify-content:center;min-height:43px;border-radius:5px;font-size:.75rem;font-weight:850}.primary-action{gap:9px;border:0;color:#fff;background:#25211d;transition:.18s}.primary-action:hover{background:#6c5ce7}.primary-action b{font-size:1rem}.secondary-action{border:1px solid #dcd6ce;color:#4f4942;background:#fff}.secondary-action:hover{color:#6c5ce7;border-color:#bcb5e2}.export-note{margin:9px 0 0;color:#9a938a;font-size:.6rem;line-height:1.45}.toast{position:fixed;left:50%;bottom:25px;z-index:90;padding:12px 17px;border-radius:5px;color:#fff;background:#25211d;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:.77rem;font-weight:800;opacity:0;transform:translate(-50%,12px);transition:.22s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.content-section{padding:88px 0}.content-section.soft{border-block:1px solid #e5e0d9;background:#efebe5}.narrow{max-width:980px}.section-intro,.prose-section{display:grid;grid-template-columns:76px 1fr;gap:25px}.section-intro{margin-bottom:35px}.section-number{display:grid;place-items:center;width:48px;height:30px;border:1px solid #d2cbc2;border-radius:3px;color:#7c756d;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:800}.section-intro h2,.prose-section h2{margin:0 0 11px;font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:-.035em}.section-intro p,.prose-section p{margin:0;color:#716b63;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-left:101px;border:1px solid #dbd5cd;background:#dbd5cd}.feature-grid article{min-height:210px;padding:24px;background:#faf9f7}.feature-icon{display:grid;place-items:center;width:42px;height:31px;margin-bottom:27px;border:1px solid #d9d3cb;border-radius:3px;color:#6c5ce7;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.55rem;font-weight:900;letter-spacing:.06em}.feature-grid h3{margin:0 0 8px;font-size:.96rem}.feature-grid p{margin:0;color:#777169;font-size:.83rem;line-height:1.65}.prose-section>div{max-width:790px}.prose-section p+p{margin-top:16px}.faq-list{display:grid;gap:8px;margin-left:101px}.faq-list details{border:1px solid #d8d2ca;border-radius:5px;background:#faf9f7}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;cursor:pointer;font-size:.89rem;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.3rem;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:0;padding:0 48px 20px 20px;color:#746e66;font-size:.85rem;line-height:1.7}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-left:101px}.try-tool{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:12px;padding:14px;border:1px solid #ddd7cf;border-radius:5px;background:#fff;transition:.18s}.try-tool:hover{border-color:#b8afdf;transform:translateY(-3px);box-shadow:0 10px 25px rgba(37,34,65,.09)}.try-swatch{width:45px;height:45px;border-radius:4px}.mesh-swatch{background:radial-gradient(circle at 15% 20%,#ee8b87,transparent 60%),radial-gradient(circle at 85% 15%,#7d6ddd,transparent 60%),radial-gradient(circle at 70% 90%,#e7bd65,transparent 55%),#e8d9e7}.pattern-swatch{background-color:#ecf1ec;background-image:radial-gradient(#447763 1.5px,transparent 1.5px);background-size:9px 9px}.filter-swatch{background:linear-gradient(135deg,#433c2e 0 50%,#d6aa67 50%)}.try-tool strong,.try-tool small{display:block}.try-tool strong{font-size:.8rem}.try-tool small{margin-top:4px;color:#817a72;font-size:.68rem;line-height:1.35}.try-tool b{color:#928b83;font-weight:500}
@media(max-width:980px){.studio{grid-template-columns:1fr}.preview-stage{min-height:560px}.control-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.panel-heading,.preset-section,.export-block{grid-column:1/-1}.presets{grid-template-columns:repeat(5,1fr)}}@media(max-width:700px){.tool-hero{padding:32px 0 55px}.crumbs{margin-bottom:27px}.hero-copy h1{font-size:clamp(2.45rem,13vw,3.75rem)}.studio{border-radius:7px}.preview-column{padding:9px}.preview-toolbar{align-items:flex-start;flex-direction:column;gap:8px;padding:6px 4px 10px}.live-label #textureMood{display:none}.preview-stage{min-height:445px}.poster-specimen{padding:24px 22px}.poster-copy strong{font-size:clamp(3.2rem,15vw,4.6rem)}.preview-meta{flex-wrap:wrap;gap:8px 16px;padding:8px 4px}.control-panel{display:block;padding:23px 18px}.content-section{padding:62px 0}.section-intro,.prose-section{grid-template-columns:1fr;gap:15px}.feature-grid,.faq-list,.try-grid{margin-left:0}.feature-grid,.try-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.try-tool{grid-template-columns:45px 1fr 20px}}@media(max-width:390px){.field-row,.color-row{grid-template-columns:1fr}.export-actions{grid-template-columns:1fr}.presets{grid-template-columns:repeat(5,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}