:root{--bg:#0f7b68;--window:#c8c8c8;--window-inner:#efefef;--window-border:#1f1f1f;--titlebar:#13297a;--button-face:#d4d0c8;--button-highlight:#fff;--text:#111;--muted:#3a3a3a;--accent:#fdc94b;--page-pad:clamp(10px,1vw,22px);--gap:clamp(14px,1vw,22px);--window-pad:clamp(12px,0.95vw,18px);--titlebar-h:clamp(34px,1.8vw,44px);--btn-h:clamp(50px,2.5vw,64px);--btn-fs:clamp(16px,0.25vw + 13px,21px);--heading-fs:clamp(38px,2.7vw,72px);--subheading-fs:clamp(20px,0.9vw,28px);--swot-fs:clamp(18px,0.82vw,25px);--artist-fs:clamp(30px,1.45vw,46px);--date-fs:clamp(17px,0.55vw,22px)}*,:after,:before{box-sizing:border-box;min-width:0}body,html{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}body{padding:var(--page-pad)}canvas,img,svg,video{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit}.page-shell{width:min(96vw,1680px);margin:0 auto}.builder-layout{display:grid;grid-template-columns:minmax(420px,34vw) minmax(700px,1fr);grid-template-areas:"constructor preview" "snippet preview" "share preview";grid-gap:var(--gap);gap:var(--gap);align-items:start}.layout-constructor{grid-area:#000}.layout-preview{grid-area:preview}.layout-snippet{grid-area:snippet}.layout-share{grid-area:share}.layout-cell{min-width:0}.window{background:var(--window);border:2px solid var(--window-border);box-shadow:2px 2px 0 rgba(0,0,0,.38),inset 1px 1px 0 #f5f5f5}.titlebar{height:var(--titlebar-h);background:linear-gradient(90deg,#0f2275,#1e3a9d);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 clamp(10px,.8vw,14px);font-weight:700;font-size:clamp(18px,.35vw + 13px,23px);line-height:1}.titlebar-buttons{display:flex;gap:6px;flex:0 0 auto}.titlebar-dot{width:clamp(14px,.8vw,18px);height:clamp(14px,.8vw,18px);background:#dadada;border:1px solid #2d2d2d}.window-body{padding:var(--window-pad);background:var(--window)}.panel-stack{display:flex;flex-direction:column;gap:14px}.retro-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:#fff #7f7f7f #7f7f7f #fff;border-style:solid;border-width:2px;background:var(--button-face);min-height:var(--btn-h);padding:clamp(10px,.7vw,15px) clamp(14px,.9vw,20px);cursor:pointer;font-weight:700;font-size:var(--btn-fs);line-height:1.08;text-decoration:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;text-align:center}.retro-button:active{border-color:#7f7f7f #fff #fff #7f7f7f}.retro-button.primary{background:var(--accent)}.builder-actions{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr) minmax(0,.82fr);grid-gap:clamp(10px,.8vw,16px);gap:clamp(10px,.8vw,16px);align-items:stretch}.builder-actions .retro-button{width:100%;min-width:0;line-height:1.05}.preview-wrap{position:-webkit-sticky;position:sticky;top:var(--page-pad);align-self:start}.preview-only{overflow:visible}.card-shell{padding:clamp(14px,.85vw,18px);background:#c8c8c8}.card-inner{background:var(--window-inner);border:2px solid #8a8a8a;padding:clamp(18px,1vw,28px);display:grid;grid-gap:clamp(12px,.9vw,18px);gap:clamp(12px,.9vw,18px)}.card-header{display:grid;grid-gap:8px;gap:8px}.card-heading{font-weight:800;line-height:1.03;font-size:var(--heading-fs)}.card-heading,.card-subheading{margin:0;overflow-wrap:anywhere}.card-subheading{color:#2b2b2b;line-height:1.18;font-size:var(--subheading-fs)}.swot-list{display:grid;grid-gap:12px;gap:12px}.swot-row{display:grid;grid-template-columns:clamp(64px,3.7vw,88px) 1fr;border:2px solid #8a8a8a;background:#f5f5f5}.swot-letter{display:grid;place-items:center;background:#d9d9d9;border-right:2px solid #8a8a8a;font-weight:800;font-size:clamp(24px,1.2vw,36px)}.swot-value{padding:clamp(12px,.85vw,20px) clamp(14px,1vw,22px);font-size:var(--swot-fs);line-height:1.24;overflow-wrap:anywhere}.card-footer{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap}.artist-meta{display:grid;grid-gap:4px;gap:4px}.artist-name{margin:0;font-weight:800;line-height:1.04;font-size:var(--artist-fs);overflow-wrap:anywhere}.release-date{margin:0;font-size:var(--date-fs)}.audio-snippet-box{display:grid;grid-gap:12px;gap:12px;padding:12px;border:2px solid #8a8a8a;background:#efefef}.audio-player-row-enhanced{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr) minmax(170px,220px);align-items:center;grid-gap:14px;gap:14px}.audio-main-button{width:100%}.audio-timeline-block{display:grid;grid-gap:8px;gap:8px;min-width:0}.audio-timecode{font-size:14px;font-weight:700;color:#2b2b2b;text-align:center}.audio-volume{display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;grid-gap:10px;gap:10px;font-weight:700;font-size:15px}.win-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent;margin:0}.win-slider:focus{outline:none}.win-slider::-webkit-slider-runnable-track{height:8px;background:#d4d0c8;border-color:#7f7f7f #fff #fff #7f7f7f;border-style:solid;border-width:2px}.win-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:28px;margin-top:-12px;background:#d4d0c8;border-color:#fff #7f7f7f #7f7f7f #fff;border-style:solid;border-width:2px;box-shadow:1px 1px 0 #00000020}.win-slider::-moz-range-track{height:8px;background:#d4d0c8;border-color:#7f7f7f #fff #fff #7f7f7f;border-style:solid;border-width:2px}.win-slider::-moz-range-thumb{width:16px;height:28px;background:#d4d0c8;border-color:#fff #7f7f7f #7f7f7f #fff;border-style:solid;border-width:2px;border-radius:0;box-shadow:1px 1px 0 #00000020}.timeline-slider,.volume-slider{width:100%}.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.share-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.share-button{width:100%;min-height:clamp(58px,3.2vw,74px);justify-content:flex-start;gap:12px;padding-inline:16px}.share-icon-badge{width:32px;height:32px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;border-color:#fff #7f7f7f #7f7f7f #fff;border-style:solid;border-width:2px;background:#dcd8cf;font-size:15px;font-weight:700;line-height:1}.share-label{font-size:clamp(15px,.2vw + 13px,18px);font-weight:700}.saved-link{margin:0;word-break:break-all;font-size:13px}.saved-link a{text-decoration:none}.muted{color:var(--muted);font-size:13px;line-height:1.45}.status-line{margin:0}@media (max-width:1366px){:root{--heading-fs:clamp(34px,2.35vw,60px);--subheading-fs:clamp(18px,0.8vw,24px);--swot-fs:clamp(17px,0.75vw,22px);--artist-fs:clamp(28px,1.3vw,40px)}.builder-layout{grid-template-columns:minmax(380px,35vw) minmax(560px,1fr)}.audio-player-row-enhanced{grid-template-columns:minmax(150px,190px) minmax(0,1fr) minmax(150px,190px)}.builder-actions{grid-template-columns:minmax(0,1.42fr) minmax(0,1fr) minmax(0,.78fr)}.builder-actions .retro-button{font-size:clamp(14px,.2vw + 12px,18px);padding-inline:12px;white-space:normal}}@media (max-width:1440px){.audio-player-row-enhanced{grid-template-columns:minmax(140px,180px) minmax(0,1fr) minmax(120px,150px);gap:10px}.audio-volume{grid-template-columns:auto minmax(70px,1fr);gap:8px;font-size:13px}.audio-timecode{font-size:12px}.audio-snippet-box{padding:10px}.audio-main-button.retro-button{min-height:46px;font-size:15px;padding:10px 12px}}@media (max-width:1180px) and (orientation:landscape){:root{--btn-fs:14px;--btn-h:48px}.builder-layout{grid-template-columns:minmax(330px,38vw) minmax(0,1fr);gap:12px}.builder-actions{grid-template-columns:minmax(0,1.48fr) minmax(0,1fr) minmax(0,.82fr)}.builder-actions .retro-button{font-size:13px;padding:10px 8px;white-space:normal;line-height:1.05}.audio-player-row-enhanced,.audio-volume{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.builder-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"constructor snippet" "preview preview" "share share"}.preview-wrap{position:static}.builder-actions{grid-template-columns:1fr}.builder-actions .retro-button{white-space:normal}.audio-player-row-enhanced,.audio-volume{grid-template-columns:1fr}}@media (max-width:767px){:root{--page-pad:10px;--gap:12px;--window-pad:10px;--titlebar-h:36px;--btn-h:50px;--btn-fs:16px;--heading-fs:clamp(28px,8.5vw,42px);--subheading-fs:16px;--swot-fs:15px;--artist-fs:clamp(24px,6.5vw,34px);--date-fs:14px}.page-shell{width:100%}.builder-layout{grid-template-columns:1fr;grid-template-areas:"constructor" "preview" "snippet" "share"}.preview-wrap{position:static}.builder-actions{grid-template-columns:1fr}.builder-actions .retro-button{white-space:normal}.window-body{padding:10px}.titlebar{font-size:16px;padding:0 8px}.titlebar-dot{width:14px;height:14px}.card-shell{padding:10px}.card-inner{padding:14px;gap:10px}.swot-row{grid-template-columns:48px 1fr}.swot-letter{font-size:18px}.swot-value{padding:10px 12px}.audio-snippet-box{padding:10px}.audio-player-row-enhanced{grid-template-columns:1fr;gap:10px}.audio-volume{grid-template-columns:1fr;gap:6px;font-size:14px}.audio-timecode{text-align:left;font-size:13px}.share-grid,.share-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.share-button{min-height:64px;gap:8px;flex-direction:column;justify-content:center;align-items:center;padding:10px 8px}.share-label{font-size:12px;text-align:center;line-height:1.1}}