/* Crystal's Steampunk Review Engine v1.1 */
body:has(.clockwork-studio){--paper:#171c20;--ivory:#252c30;--ink:#f8e8c8;--muted:#d0bd9f;--line:#785e38;--warm:#db9951;--brick:#ba7046;--dark:#181d20;--shadow:0 16px 36px #0006;background:radial-gradient(circle at 20% 18%,#4a34275e,transparent 28%),repeating-linear-gradient(90deg,transparent,transparent 77px,#b17b3023 78px),#171c20}
body:has(.clockwork-studio) .siteheader{background:#1e2427f5;border-color:#a4783c}
body:has(.clockwork-studio) .siteheader .brand,body:has(.clockwork-studio) .siteheader nav a{color:#f4e6ce}
body:has(.clockwork-studio) .brandmark{background:linear-gradient(145deg,#e3b779,#b46b38);color:#23262a;box-shadow:0 0 0 2px #664625,0 0 0 4px #cf9d63}
body:has(.clockwork-studio) .panel{background:linear-gradient(145deg,#30343a,#252a2c 64%);border-color:#8e6c43;box-shadow:0 9px 0 #101416,0 14px 40px #08090ac0;color:#f6e6ca}
body:has(.clockwork-studio) .panel h2,body:has(.clockwork-studio) .panel h3{color:#eac78a}
body:has(.clockwork-studio) .eyebrow{color:#ebac60}
body:has(.clockwork-studio) a{color:#f3c27b}
body:has(.clockwork-studio) .btn{color:#261b14;background:linear-gradient(#f6c786,#c98842);border:2px solid #f0bc74;box-shadow:inset 0 1px #ffe6b3,0 3px 0 #835a33}
body:has(.clockwork-studio) .btn.dark{color:#f8e7c4;background:#242322}
body:has(.clockwork-studio) .btn.line{color:#efd6ac;background:transparent}
body:has(.clockwork-studio) .btn.danger{color:#fff;background:#8f3034;border-color:#ad6963}
body:has(.clockwork-studio) input,body:has(.clockwork-studio) textarea,body:has(.clockwork-studio) select{background:#171c20;color:#f6e4c4;border:2px solid #a67c4a}
body:has(.clockwork-studio) input::placeholder,body:has(.clockwork-studio) textarea::placeholder{color:#b8a388}
body:has(.clockwork-studio) .footgrid,body:has(.clockwork-studio) .footer{background:#13181b}
body:has(.clockwork-studio) .warning{background:#594321;color:#fff2c8;border-color:#c5a16d}
body:has(.clockwork-studio) .success{background:#25443c;color:#e3f5df}
.clockwork-studio .clockwork-label{flex-basis:100%;width:100%;font-size:.8rem;letter-spacing:.22em;color:#dfb77d;font-weight:700;text-transform:uppercase;margin:0;border-bottom:1px solid #83623e;padding-bottom:12px}
.clockwork-studio .clockwork-label span{color:#d99854;font-size:1.3rem;vertical-align:middle}
.clockwork-studio .studiohead{border:2px solid #7a613e;border-radius:18px;padding:17px 19px;background:linear-gradient(110deg,#343a3c,#202428);position:relative;overflow:hidden}
.clockwork-studio .studiohead:after{content:"⚙";position:absolute;right:-22px;top:-52px;font:180px Georgia,serif;color:#cc924620;pointer-events:none}
.clockwork-studio .studiohead .actions{z-index:1}
.clockwork-studio .studiohead h2{margin:0;color:#f1d3a4}
.clockwork-studio .studio-score-preview{border:1px solid #a77e43;background:linear-gradient(135deg,#3a3025,#292b2b);border-radius:16px;padding:18px;margin:12px 0 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.clockwork-studio .studio-score-preview span{font-size:.78rem;letter-spacing:.16em;font-weight:700;color:#ecc997}
.clockwork-studio .studio-score-preview strong{font:700 2rem 'Fraunces',serif;color:#ffcf81}
.clockwork-studio .studio-score-preview small{flex-basis:100%;color:#ccbda1}
.clockwork-studio .rating-stepper{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:7px;margin:5px 0 12px}
.clockwork-studio .rating-stepper button{border:2px solid #d5a469;border-radius:12px;min-height:52px;color:#fff5e7;background:#57442f;font-size:1.7rem;font-weight:700}
.clockwork-studio .rating-stepper button:active{transform:scale(.96);background:#a66b34}
.clockwork-studio .rating-stepper output{text-align:center;border:1px solid #796345;background:#202426;border-radius:12px;padding:13px 6px;color:#ffd48b;min-height:52px;font-weight:700;font-size:1.2rem}
.clockwork-studio .sr-only-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.clockwork-studio .studio-mobile-actions{display:flex;flex-wrap:wrap;gap:12px;position:sticky;top:85px;z-index:8;background:#222a2df2;backdrop-filter:blur(12px);padding:12px;border:1px solid #896d46;border-radius:16px;margin-bottom:10px}
.clockwork-studio .studio-mobile-actions .btn{flex:1;min-width:145px}
.clockwork-studio .draft-recovery-note{font-size:.8rem;color:#cdbb9d;min-height:26px}
.clockwork-studio .advanced-status{display:none}
.clockwork-studio .media-fast-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:15px}
.clockwork-studio .alt-edit{border:1px solid #bf8b54;background:#2c2b27;color:#ffddac;border-radius:9px;margin:5px;padding:8px 10px}
.clockwork-studio .clockwork-dock{display:flex;position:sticky;bottom:12px;z-index:12;background:#252b2df0;backdrop-filter:blur(15px);border:2px solid #b58a55;border-radius:17px;box-shadow:0 7px 27px #000c;overflow:hidden;margin:30px 0 8px}
.clockwork-studio .clockwork-dock a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:65px;gap:0;font-size:1.35rem;border-right:1px solid #735633;text-decoration:none!important;color:#f2c381!important}
.clockwork-studio .clockwork-dock a:last-child{border:0}
.clockwork-studio .clockwork-dock small{font:600 .64rem 'DM Sans',sans-serif;color:#f7e7c8}
.clockwork-studio .publisher-invite{margin:20px 0;background:#252b2f;border:1px solid #997650;padding:22px;border-radius:15px}
.clockwork-studio .invite-actions{display:flex;gap:10px;flex-wrap:wrap}
.clockwork-studio .studioitem{border-color:#756248}
.studio-preview{max-width:min(660px,94vw);max-height:85vh;overflow:auto;border:3px solid #b98340;border-radius:18px;padding:30px;background:#292e2e;color:#f4ead2;box-shadow:0 24px 90px #000c}
.studio-preview::backdrop{background:#090e0ecf;backdrop-filter:blur(8px)}
.studio-preview h2{color:#f5c884}
.studio-preview .actions{position:sticky;bottom:-30px;background:#292e2e;padding:16px 0}
@media(max-width:760px){
 body:has(.clockwork-studio) .announcement{font-size:.69rem}
 .clockwork-studio .ratinggrid{grid-template-columns:1fr 1fr;gap:8px}
 .clockwork-studio .rating-stepper{grid-template-columns:45px 1fr 45px}
 .clockwork-studio .rating-stepper button{min-height:46px}
 .clockwork-studio .rating-stepper output{min-height:46px;padding:10px 5px}
 .clockwork-studio .studio-mobile-actions{top:70px}
 .clockwork-studio .studio-mobile-actions .btn{min-width:120px;font-size:.8rem;padding:8px}
 .clockwork-studio .clockwork-dock{bottom:6px}
 .clockwork-studio .clockwork-dock small{font-size:.56rem}
 .clockwork-studio .studiohead{padding:14px}
}