/* Crane Digital Collective · Toolbox V7 */
.tools-page{color:#f0e4d4;padding-top:28px;background:radial-gradient(ellipse 45% 12% at 85% 2%,rgba(179,107,74,.13),transparent 65%),#151210;min-height:85vh;overflow-x:clip}.tools-page *, .tools-page *::before,.tools-page *::after{box-sizing:border-box}.tools-page .container{max-width:1180px;margin-inline:auto;padding-left:clamp(18px,4vw,44px);padding-right:clamp(18px,4vw,44px)}.tools-page h1,.tools-page h2,.tools-page h3{color:#f4e8dc}.tools-page h1{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6.4rem);font-weight:400;letter-spacing:-.04em;line-height:1.04;margin:.25em 0}.tools-page h2{font-family:Georgia,serif;font-size:clamp(2.05rem,4vw,3.7rem);font-weight:400;line-height:1.1;margin:0 0 22px}.tools-page h2 em,.tools-page h1 em{color:#d8906d;font-weight:400}.tools-page h3{font-size:1.3rem}.tools-page .eyebrow{color:#dd9e80;letter-spacing:.21em;font-size:.75rem;font-weight:700}.tools-hero{padding-top:clamp(52px,7vw,120px);padding-bottom:clamp(48px,7vw,95px)}.tools-hero>p:not(.eyebrow){max-width:750px;font-size:clamp(1rem,1.8vw,1.4rem);line-height:1.7;color:#d6c8b8}.tools-hero-actions,.tool-buttons,.tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.tools-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:15px 20px;max-width:100%;min-height:48px;border:1px solid #c98566;border-radius:2px;background:#cb8968;color:#1d1713!important;text-decoration:none!important;font-family:inherit;font-size:.78rem;letter-spacing:.11em;font-weight:800;text-align:center;transition:background .2s,transform .2s}.tools-btn:hover{background:#ebb08d;transform:translateY(-2px)}.tools-btn.ghost{background:transparent;color:#f0d4c4!important;border-color:#735b50}.tools-btn.ghost:hover{border-color:#cb8968}.tools-btn.small{font-size:.68rem;min-height:40px;padding:11px 14px}.tools-page .tools-disclosure{margin-top:30px;font-size:.82rem!important;color:#9c9188!important}.tools-browser{padding-bottom:80px}.tools-search-row{display:flex;justify-content:space-between;align-items:end;gap:25px;flex-wrap:wrap}.tools-search-label{display:block;flex:0 1 380px}.tools-search-label input{width:100%;padding:16px 20px;border-radius:2px;border:1px solid #6c5146;background:#241d19;color:#f5e8df;font:inherit;font-size:1rem}.tools-filters{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 48px}.tools-filters button{cursor:pointer;padding:10px 14px;border:1px solid #49382f;background:transparent;color:#d1bbae;font-size:.73rem}.tools-filters button.current,.tools-filters button:hover{background:#bd7f5d;border-color:#bd7f5d;color:#160e0a}.tools-category{margin:40px 0 54px}.tools-category-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid #4b3830;padding-bottom:14px;margin-bottom:19px}.tools-category-head h3{font-family:Georgia,serif;font-size:clamp(1.5rem,2.8vw,2.5rem);font-weight:400;margin:0}.tools-category-head span{font-size:.74rem;color:#c18b70;letter-spacing:.15em}.tools-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{display:flex;flex-direction:column;gap:14px;min-height:190px;background:linear-gradient(145deg,#28201b,#1d1916);border:1px solid #48392e;color:#f0e6da!important;padding:23px;text-decoration:none!important;transition:transform .2s,border-color .2s}.tool-card:hover{transform:translateY(-4px);border-color:#c68e71}.tool-card-eyebrow{color:#c88e70;font-size:.61rem;letter-spacing:.13em}.tool-card-title{display:flex;justify-content:space-between;gap:9px;font-family:Georgia,serif;font-size:1.55rem;line-height:1.13}.tool-card-title>span{font-family:Arial,sans-serif;color:#d8906d}.tool-card-desc{line-height:1.5;color:#bfb1a5;font-size:.9rem}.tools-cta{margin-top:70px;margin-bottom:75px;padding-top:65px!important;padding-bottom:60px!important;border-top:1px solid #61483d;border-bottom:1px solid #61483d}.tools-cta p:not(.eyebrow){color:#ccbaaf;max-width:640px;font-size:1.1rem;line-height:1.7}.tools-sponsor{max-width:970px;margin:90px auto;padding:24px;border-top:1px solid #49382f;border-bottom:1px solid #49382f;text-align:center}.tools-sponsor>span{display:block;font-size:.6rem;letter-spacing:.2em;color:#b6a79b;margin-bottom:16px}.tools-sponsor iframe{display:block;max-width:728px;width:100%;height:110px;border:0;margin:auto;background:transparent}.tool-heading{padding-top:50px;padding-bottom:34px}.tool-heading nav{display:flex;gap:9px;flex-wrap:wrap;color:#ae9688;font-size:.76rem;line-height:1.7;margin-bottom:26px}.tool-heading nav a{color:#e8b599}.tool-heading h1{max-width:950px;font-size:clamp(2.6rem,6vw,5.4rem);overflow-wrap:break-word}.tool-heading>p:not(.eyebrow){font-size:clamp(1.06rem,1.7vw,1.3rem);max-width:750px;line-height:1.65;color:#d5c2b3}.tools-pill-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tools-pill-row span{font-size:.7rem;border:1px solid #6b4b3d;padding:8px 10px;color:#dfad95}.tool-workspace{max-width:1180px}.tool-panel{padding:clamp(20px,4vw,45px);background:#261e19;border:1px solid #6a4938;border-top:3px solid #d89470;box-shadow:0 24px 70px #0003}.tool-panel h2{font-size:2rem}.tool-panel p{line-height:1.65}.tool-field{display:flex;flex-direction:column;gap:9px;margin:10px 0 18px;font-size:.81rem;font-weight:600;color:#dbc5b5;flex:1;min-width:180px}.tool-field input,.tool-field textarea,.tool-field select,.tool-score-actions input{width:100%;padding:14px;background:#141210;color:#f6efe4;border:1px solid #6e5245;border-radius:2px;font-family:inherit;font-size:1rem;line-height:1.5;min-width:0}.tool-field textarea{resize:vertical}.tool-inline{display:flex;align-items:end;flex-wrap:wrap;gap:18px}.tool-inline .tool-field{flex:1 1 200px}.tool-help{color:#c6b3a8!important;line-height:1.6;font-size:.94rem}.tool-warning{color:#f2c5a1;background:#452b21;padding:18px}.tool-passage{margin:20px 0;padding:18px;border-left:3px solid #db9c75;color:#efe4d7;background:#171310;line-height:1.8;font-size:1.09rem}.tool-stats{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0}.tool-stats strong{font-size:clamp(1.1rem,3vw,1.8rem);color:#eeccae}.reaction-surface,.tap-zone{border:2px solid #715344;background:#3e3027;color:#f6e7d8;width:100%;min-height:230px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(1.6rem,4vw,3rem);font-weight:700;cursor:pointer;touch-action:manipulation;user-select:none}.reaction-surface.waiting{background:#a34742}.reaction-surface.ready{background:#2e8062}.reaction-surface.early{background:#785a3a}.tap-zone:disabled{opacity:.5;cursor:not-allowed}.aim-arena{position:relative;min-height:300px;background:repeating-linear-gradient(0deg,#1b1d1d 0px,#1b1d1d 29px,#30302a 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#4c4c4c 30px);border:1px solid #685648;overflow:hidden}.aim-target{position:absolute;top:30px;left:30px;width:44px;height:44px;border:3px solid #f1e1cb;background:#d68661;border-radius:50%;cursor:crosshair}.memory-grid{display:grid;grid-template-columns:repeat(2,clamp(100px,25vw,180px));gap:12px;margin:25px 0}.memory-tile{aspect-ratio:1;border:0;cursor:pointer;opacity:.43;transition:opacity .13s}.memory-tile.lit{opacity:1;box-shadow:0 0 25px #fff5}.tile0{background:#b75d50}.tile1{background:#d5b35d}.tile2{background:#518f78}.tile3{background:#4d83b4}.quiz-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-option{padding:18px;text-align:left;background:#1a1512;border:1px solid #654a3e;color:#eee1d4;cursor:pointer;font:inherit;min-height:65px}.quiz-option:hover{background:#4c3024}.secret-output{display:block;padding:18px;margin-top:14px;background:#17110e;overflow-wrap:anywhere;font:1.1rem monospace}.tool-generated{display:grid;gap:12px;margin-top:22px}.tool-generated>div{padding:15px;background:#1b1512;color:#f2dbc4;white-space:pre-wrap}.tool-copy{float:right;background:transparent;border:1px solid #ae7b60;color:#eec9b3;cursor:pointer;padding:6px 12px}.wheel-disc{width:clamp(180px,55vw,280px);height:clamp(180px,55vw,280px);border-radius:50%;margin:22px auto;border:12px solid #e1aa87;background:conic-gradient(#cf916b 0deg 60deg,#6c4a40 60deg 120deg,#d3b693 120deg 180deg,#795948 180deg 240deg,#edc8a6 240deg 300deg,#ad6b54 300deg);display:flex;align-items:center;justify-content:center;transition:transform .9s cubic-bezier(.15,.9,.3,1)}.wheel-disc span{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#18130f;color:#f7e2d1;font-weight:800;letter-spacing:.14em}.palette-row{display:grid;grid-template-columns:repeat(5,1fr);min-height:240px;margin-bottom:22px}.palette-block{position:relative;border:0;cursor:pointer;min-height:200px}.palette-block span{position:absolute;bottom:10px;left:5px;right:5px;font-size:.71rem;font-weight:700;background:#17110e;color:white;padding:6px 2px}.affirmation-card{font-family:Georgia,serif;font-size:clamp(1.4rem,4vw,2.4rem);padding:35px;background:#1a1512;border-left:5px solid #cf8662;line-height:1.3;margin:15px 0}.habit-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #594238}.habit-row>div{flex:1}.habit-row small{display:block;color:#b5a194;margin-top:5px}.focus-clock,.countdown-display,.challenge-question,.goal-percent{font-family:Georgia,serif;font-size:clamp(2rem,7vw,4.2rem);color:#e9bb9d;letter-spacing:-.03em;margin:25px 0}.goal-track{height:22px;background:#130f0d;border:1px solid #775545}.goal-track span{display:block;height:100%;background:linear-gradient(90deg,#bb6b4a,#e2b48c)}.qr-output canvas{display:block;max-width:100%;margin:25px auto;border:8px solid white}.diff-out{margin:22px 0;font:13px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.diff-line{padding:8px 11px}.diff-line.same{background:#23201b}.diff-line.changed{background:#4c302b;border-bottom:1px solid #866357}.tool-feedback{padding:24px;background:#1d1612;border:1px solid #845e4b;margin:18px 0;line-height:1.65}.tool-result-label{letter-spacing:.2em;font-size:.75rem;color:#dba482}.tool-result-value{font-family:Georgia,serif;font-size:clamp(1.5rem,4vw,3rem);margin-bottom:14px;overflow-wrap:anywhere}.tool-score-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:15px}.tool-score-actions label{flex:1 1 190px;font-size:.78rem}.tool-result-hint{font-size:.73rem;color:#b7a89e;margin:12px 0 0}.tool-board{list-style:decimal inside;padding:0}.tool-board li{display:flex;justify-content:space-between;gap:8px;padding:9px;border-bottom:1px solid #4c3429}.tools-explainer{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,6vw,100px);padding-top:85px;padding-bottom:45px}.tools-explainer-col p{color:#ccb9ab;line-height:1.8;font-size:1.03rem}.tools-explainer-col h3{margin:27px 0 8px}.tools-faq details{border-bottom:1px solid #584337;padding:19px 0}.tools-faq summary{cursor:pointer;list-style:none;font-size:1.05rem;font-weight:700;display:flex;justify-content:space-between;gap:14px}.tools-faq summary::after{content:'+';font-size:1.4rem;color:#d68e6c}.tools-faq details[open] summary::after{content:'−'}.tools-faq details p{color:#c6ac9c;line-height:1.65}.tools-related{padding:40px 0 65px}.tools-related .tools-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-page [hidden]{display:none!important}.tools-page a:focus-visible,.tools-page button:focus-visible,.tools-page input:focus-visible,.tools-page textarea:focus-visible{outline:3px solid #ffcaa9;outline-offset:3px}@media(max-width:820px){.tools-cards,.tools-related .tools-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-explainer{grid-template-columns:1fr}.tools-hero{padding-top:45px}.tool-heading{padding-top:30px}.tools-sponsor{margin:70px 20px}}@media(max-width:560px){.tools-cards,.tools-related .tools-cards{grid-template-columns:1fr}.tools-hero-actions .tools-btn{width:100%}.tools-page .tool-panel{padding:18px}.tools-page .tool-stats{gap:10px}.tools-page .tool-stats strong{font-size:1.2rem}.quiz-choices{grid-template-columns:1fr}.tools-category{margin:32px 0}.tool-card{min-height:150px}.tools-hero{padding-top:30px}.tools-search-label{flex:1 1 100%}.palette-block{min-height:160px}.tool-heading h1{font-size:2.65rem}}@media(prefers-reduced-motion:reduce){.wheel-disc,.tool-card,.tools-btn{transition:none}}

.tools-featured{padding-top:18px;padding-bottom:35px}.tools-featured .tools-cards{margin-top:24px}.tools-featured .tool-card{border-color:#a76a4f}.tools-featured h2{margin-bottom:0}


.tool-card-name{max-width:520px;margin-top:8px}
.wheel-wrap{position:relative;width:clamp(220px,60vw,340px);margin:22px auto}
.wheel-pointer{position:absolute;left:50%;top:-10px;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:28px solid #f0e4d4;z-index:3;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.wheel-disc{position:relative;width:clamp(220px,60vw,340px);height:clamp(220px,60vw,340px);border-width:10px;overflow:hidden;transition:transform 3s cubic-bezier(.12,.92,.18,1)}
.wheel-labels{position:absolute;inset:0}
.wheel-label{position:absolute;left:50%;top:50%;width:46%;transform-origin:center center;pointer-events:none}
.wheel-label span{display:block;max-width:100%;font-size:.72rem;line-height:1.1;font-weight:800;color:#17120f;text-align:right;padding-right:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.wheel-hub,.wheel-disc span{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#18130f;color:#f7e2d1;font-weight:800;letter-spacing:.14em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;border:4px solid #c98666}
@media(max-width:560px){.wheel-label span{font-size:.63rem;padding-right:10px}.wheel-pointer{top:-6px}}

/* V8 / accessible, independently rendered exact wheel slices */
.wheel-stage{position:relative;max-width:430px;width:min(100%,430px);margin:28px auto 20px}
.wheel-stage canvas{display:block;width:100%;height:auto;aspect-ratio:1;border:3px solid #9d674d;border-radius:50%;box-shadow:0 0 0 5px #1d1511,0 22px 65px rgba(0,0,0,.3)}
.wheel-pointer-v8{position:absolute;z-index:2;top:-7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:31px solid #f7d4b7;filter:drop-shadow(0 4px 4px #140d0b)}
.tool-card-name{max-width:480px}.tool-card-name input{width:100%}
.affirmation-card{background:linear-gradient(135deg,#170f0d,#251810);border:1px solid #694936;border-left:6px solid #d68c69;overflow-wrap:anywhere}
.tool-buttons .tools-btn:disabled{opacity:.55;cursor:wait}
@media(max-width:560px){.wheel-stage{max-width:340px}.tool-buttons .tools-btn{flex:1 1 auto}}