/* Field extends the site's material, typography and transport language. */
body.single-player-ui .atmosphere-toggle[data-sound=true] .sound-icon-on{display:block!important}
body.single-player-ui .atmosphere-toggle[data-sound=true] .sound-icon-off{display:none!important}
body.single-player-ui .atmosphere-toggle[data-sound=false] .sound-icon-on{display:none!important}
body.single-player-ui .atmosphere-toggle[data-sound=false] .sound-icon-off{display:block!important}
#atmosphere-panel{box-sizing:border-box;position:fixed;z-index:1300;top:max(68px,calc(env(safe-area-inset-top) + 56px));right:max(12px,env(safe-area-inset-right));width:min(326px,calc(100vw - 24px));max-height:calc(100dvh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;padding:12px 18px 14px;border:1px solid var(--ui-line,#ffffff30);border-radius:4px;background:var(--ui-surface,#242726);color:var(--ui-ink,#f3f2ee);box-shadow:0 20px 60px #0004;font:15px/1.4 'IBM Plex Sans',Arial,sans-serif;text-shadow:none;letter-spacing:0}
#atmosphere-panel[hidden]{display:none!important}
#atmosphere-panel *{box-sizing:border-box}
#atmosphere-panel button{font:inherit;color:inherit;appearance:none;min-height:44px;border:0;background:transparent;cursor:pointer;padding:8px}
#atmosphere-panel button:disabled{opacity:.5;cursor:default}
.atmosphere-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ui-line);padding-bottom:8px}
.atmosphere-head h2{font:400 27px/1.1 'EB Garamond',Georgia,serif;margin:0}
#atmosphere-panel #atmosphere-close{width:44px;font-size:26px;padding:4px}
.atmosphere-sound-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px}
#atmosphere-panel #atmosphere-sound{min-width:64px;border:1px solid var(--ui-line);border-radius:3px}
#atmosphere-panel #atmosphere-sound[aria-pressed=true]{background:#acc4c518;border-color:#acc4c5a0}
.atmosphere-sources{border:0;margin:4px 0 12px;padding:0;min-width:0}
.atmosphere-sources legend{font-size:12px;color:var(--ui-muted);margin-bottom:5px}
.atmosphere-sources label{display:flex;align-items:center;gap:10px;min-height:46px;cursor:pointer}
.atmosphere-sources input{width:18px;height:18px;accent-color:#c2d2c8;margin:0;flex:none}
.atmosphere-sources input:disabled+span{color:var(--ui-muted);opacity:.55}
#atmosphere-panel #atmosphere-edit{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--ui-line);padding:13px 0 7px;text-align:left}
#atmosphere-edit>span:first-child{display:flex;align-items:center;gap:10px}
#atmosphere-edit svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
#atmosphere-status{color:var(--ui-muted);font-size:12px;margin:6px 0 0;min-height:17px}
body.single-player-ui #primary-nav .nav-creative{margin-top:8px;border-top:1px solid var(--ui-line)}
body.single-player-ui #primary-nav #nav-field{display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px;min-height:62px;padding:10px 2px;border:0;background:transparent;color:var(--ui-ink);font:inherit;cursor:pointer;text-align:left}
.field-menu-title{display:block;font-size:18px;line-height:1.3}
.field-menu-hint{display:block;font:12px/1.4 'IBM Plex Sans',Arial,sans-serif;color:var(--ui-muted);margin-top:3px;letter-spacing:0}
#field-panel{--field-ink:#e9e8e2;--field-muted:#b4b4ae;--field-hair:#e9e8e22e;--field-accent:#acc4c5;box-sizing:border-box;color:var(--field-ink);background:#292b2b;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;font-family:'IBM Plex Sans',Arial,sans-serif;font-size:14px;line-height:1.45}
#field-panel::backdrop{background:#101211bb}
#field-panel:not([open]){display:none}
#field-panel *{box-sizing:border-box}
#field-panel [hidden]{display:none!important}
#field-panel button,#field-panel input,#field-panel select,#field-panel textarea{font:inherit;color:inherit}
#field-panel button{appearance:none;cursor:pointer;min-height:44px;border:1px solid var(--field-hair);border-radius:2px;background:#ffffff03;padding:9px 15px;font-size:14px;letter-spacing:.025em}
#field-panel button:hover{background:#ffffff09;border-color:#e9e8e260}
#field-panel button:disabled{opacity:.46;cursor:default}
#field-panel button:focus-visible,#field-panel input:focus-visible,#field-panel select:focus-visible,#field-pad:focus-visible{outline:2px solid var(--field-accent);outline-offset:4px}
#field-panel button[aria-pressed=true]{border-color:var(--field-accent);background:#acc4c50b}
.field-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(110deg,#ffffff03,transparent 45%),#292b2b}
.field-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--field-hair);padding:14px max(20px,calc((100vw - 1120px)/2));padding-top:max(14px,env(safe-area-inset-top));}
.field-heading{display:flex;align-items:baseline;gap:18px}
.field-heading h2{font-family:'EB Garamond',Georgia,serif;font-weight:400;font-size:34px;line-height:1;margin:0;letter-spacing:.02em}
.field-heading span{font-size:12px;letter-spacing:.10em;color:var(--field-muted)}
.field-header-actions{display:flex;gap:8px;align-items:center}
#field-panel .field-sound{display:flex;gap:8px;align-items:center;border:0;min-width:98px;padding:8px}
.field-sound svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}
#field-panel .field-close{font-size:28px;line-height:1;border:0;padding:6px;width:44px;font-weight:300}
.field-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:20px;}
.field-content{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:30px;align-items:start}
.field-playing{min-width:0}
.field-preset-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.field-preset-row label{font-family:'EB Garamond',Georgia,serif;font-size:22px;color:var(--field-ink)}
.field-discovery{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 8px}
#field-panel .field-surprise{display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 0;border:0;background:none;font-size:13px;color:var(--field-muted)}
#field-panel .field-previous{min-height:44px;padding:7px 0;border:0;background:none;font-size:12px;color:var(--field-muted)}
.field-previous:disabled{opacity:.35}
.field-surprise span{font-size:22px;color:var(--field-accent)}
#field-preset{max-width:240px;appearance:auto;background:transparent;border:0;border-bottom:1px solid var(--field-hair);padding:8px 2px;min-height:44px;font-size:14px;color:var(--field-muted)}
#field-preset option{background:#292b2b}
#field-pad{position:relative;width:100%;height:clamp(300px,48vh,530px);background:#191e1f;border:1px solid #b5bebb35;border-radius:3px;touch-action:none;cursor:crosshair;overflow:hidden;isolation:isolate}
#field-canvas{display:block;width:100%;height:100%;pointer-events:none}
.field-axis{position:absolute;color:#bfc7c0;font-size:12px;letter-spacing:.08em;pointer-events:none}
.field-axis-x{bottom:12px;left:50%;transform:translateX(-50%)}
.field-axis-y{top:50%;left:9px;writing-mode:vertical-rl;transform:rotate(180deg) translateY(50%)}
.field-hint{font-size:13px;color:var(--field-muted);margin:11px 0 0}
.field-actions{display:flex;gap:10px;margin-top:18px}
.field-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px}
.field-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}
.field-gesture-status{color:var(--field-muted);font-size:13px;min-height:20px;margin:9px 0 0}
.field-adjustments{padding-top:8px;display:grid;gap:22px}
.field-range{display:grid;grid-template-columns:75px minmax(0,1fr);gap:14px;align-items:center;min-height:44px}
.field-range label{font-size:14px;color:var(--field-ink)}
#field-panel input[type=range]{width:100%;height:44px;appearance:none;background:transparent;cursor:pointer;touch-action:pan-y;margin:0;min-width:0;accent-color:var(--field-accent)}
#field-panel input[type=range]::-webkit-slider-runnable-track{height:3px;background:#b2b8b745;border-radius:2px}
#field-panel input[type=range]::-moz-range-track{height:3px;background:#b2b8b745;border-radius:2px}
#field-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border:1px solid #e9e8e280;border-radius:50%;background:#c5ccc5;margin-top:-9.5px;box-shadow:none}
#field-panel input[type=range]::-moz-range-thumb{width:21px;height:21px;border:1px solid #e9e8e280;border-radius:50%;background:#c5ccc5;box-shadow:none}
.field-save-block{padding:18px 0;border-top:1px solid var(--field-hair);border-bottom:1px solid var(--field-hair)}
#field-panel .field-save{width:100%;min-height:48px;border-color:#acc4c568;background:#acc4c506}
.field-save-status{font-size:13px;color:var(--field-muted);margin:10px 0 0;min-height:19px}
.field-saved-toggle{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:12px}
#field-panel .field-switch{padding:4px 9px;min-width:72px;min-height:44px;border:0;display:flex;gap:8px;align-items:center;justify-content:center}
.field-switch::before{content:'';width:28px;height:15px;border:1px solid #b4b4ae88;border-radius:12px;background:#ffffff05}
.field-switch[aria-pressed=true]::before{background:var(--field-accent);border-color:var(--field-accent)}
.field-secondary-row{display:flex;gap:10px;flex-wrap:wrap}
.field-secondary-row button{flex:1;white-space:nowrap}
.field-footnote{color:var(--field-muted);font-size:13px;margin:0}
.field-feedback{min-height:20px;font-size:13px;color:var(--field-accent);margin:0}
.field-nav{display:flex;justify-content:center;gap:10px;border-top:1px solid var(--field-hair);background:#242727;padding:5px 20px max(7px,env(safe-area-inset-bottom))}
#field-panel .field-nav button{background:none;border:0;min-width:90px;padding:10px 18px}
.field-nav [aria-current=page] span{border-bottom:1px solid var(--field-accent);padding-bottom:5px}
.field-sheet{position:absolute;inset:0;background:#141817b8;display:flex;align-items:flex-end;justify-content:center;z-index:5;padding:30px 0 max(60px,calc(env(safe-area-inset-bottom) + 60px));}
.field-sheet-card{width:min(100%,550px);max-height:100%;overflow:auto;overscroll-behavior:contain;border:1px solid #b4b4ae44;border-radius:8px 8px 0 0;background:#2a2e2d;padding:20px 24px;box-shadow:0 -12px 60px #0003}
.field-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.field-sheet-head h3{font-family:'EB Garamond',Georgia,serif;font-size:27px;font-weight:400;margin:0}
#field-panel .field-sheet-close{border:0;width:44px;padding:5px;font-size:25px}
.field-sheet-body{display:grid;gap:10px}
.field-sheet-body .field-range{grid-template-columns:88px minmax(0,1fr)}
.field-input-row{display:flex;gap:10px}.field-input-row button{flex:1}
.field-effect-row,.field-type-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
#field-panel .field-effect-row select,#field-panel .field-type-settings select{background:#252a29;border:1px solid var(--field-hair);min-height:44px;padding:8px;max-width:65%;font-size:14px}
#field-panel select option{background:#252a29}
.field-type{display:grid;gap:10px;padding:10px 0;border-bottom:1px solid var(--field-hair)}
#field-panel .field-type textarea{width:100%;padding:12px;resize:vertical;min-height:90px;background:#1f2423;border:1px solid var(--field-hair);font-size:16px;line-height:1.5;border-radius:2px}
#field-panel textarea:focus-visible{outline:2px solid var(--field-accent);outline-offset:2px}
#field-panel .field-type textarea::placeholder{color:var(--field-muted)}
#field-panel .field-input-row button{padding:9px 8px;font-size:13px;white-space:nowrap}
#field-panel #field-repeat{min-width:75px;font-size:13px}
.field-clip{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--field-hair)}
.field-clip-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}
.field-clip button{flex-shrink:0}
.field-transform{margin-top:8px}
.field-transform label{display:block;margin-bottom:3px}
.field-endpoints{display:flex;justify-content:space-between;color:var(--field-muted);font-size:12px;margin-top:-8px}
.field-repeat{display:flex;align-items:center;gap:12px;margin:5px 0}
.field-repeat label{margin-right:auto}
.field-repeat button{width:44px;padding:6px}
.field-repeat output{min-width:86px;text-align:center}
.field-words{display:flex;gap:10px;align-items:center;min-height:44px}
.field-words input{width:20px;height:20px;accent-color:var(--field-accent)}
#field-panel .field-remove{border:0;background:none;color:var(--field-muted);text-align:left;padding:8px 0;margin:4px 0}
.field-mantra-help{font-size:13px;color:var(--field-muted);margin:0 0 5px}
#field-panel .field-pad-details{border:0;background:none;color:var(--field-muted);font-size:13px;padding:3px 0;text-align:left;min-height:32px}
.field-coordinate-inputs{display:grid;gap:4px;margin-top:7px}
.field-coordinate-inputs .field-range{grid-template-columns:78px minmax(0,1fr)}
@media(max-width:720px){
  .field-header{padding-left:18px;padding-right:12px;gap:8px}
  .field-heading{gap:10px}.field-heading h2{font-size:30px}.field-heading span{display:none}
  .field-header-actions{gap:1px}
  .field-scroll{padding:14px 18px 20px}
  .field-content{display:block}
  .field-preset-row{gap:8px;margin-bottom:10px}.field-preset-row label{font-size:21px}#field-preset{max-width:210px;font-size:13px}
  #field-pad{height:clamp(220px,30dvh,280px)}
  .field-actions{margin-top:12px}#field-panel .field-actions button{padding:9px 8px;white-space:nowrap;font-size:13px}.field-adjustments{padding-top:13px;gap:12px}
  .field-save-block{padding:15px 0}.field-secondary-row{gap:8px}
  .field-nav{gap:0;padding-left:15px;padding-right:15px}
  #field-panel .field-nav button{min-width:0;flex:1;padding:9px 6px}
  .field-sheet{padding-top:14px}.field-sheet-card{padding:16px 19px;max-height:calc(100dvh - 78px)}
  .field-sheet-head{margin-bottom:10px}.field-sheet-body{gap:7px}
}
@media(prefers-reduced-motion:reduce){#field-panel *{scroll-behavior:auto!important}}

.field-pattern-block{padding-bottom:13px;border-bottom:1px solid var(--field-hair)}
.field-pattern-block .field-effect-row{margin-bottom:3px}

#field-panel .field-guide-open{width:44px;padding:9px;border:0;background:none}
.field-guide-open svg{width:24px;height:24px}
#field-panel .field-guide-nudge{display:block;background:none;border:0;padding:0;text-align:left;font-size:13px;min-height:32px;color:var(--field-accent)}
.field-guide{background:#10171555;padding-bottom:max(78px,calc(env(safe-area-inset-bottom) + 78px))}
.field-guide-target{outline:1px solid #c4d8c8!important;outline-offset:5px}
.field-guide-card{position:relative;z-index:2;width:min(92%,450px);border-radius:4px;padding:18px 22px;background:#292f2df2;box-shadow:0 6px 40px #0008}
.field-guide-card .field-sheet-head{margin-bottom:9px}
.field-guide-card h3{font-size:25px}
.field-guide-card p{font-size:14px;line-height:1.55;margin:0 0 14px;color:var(--field-ink)}
.field-guide-actions{display:flex;align-items:center;gap:10px}
.field-guide-actions span{margin-right:auto;color:var(--field-muted);font-size:13px}
.field-guide-actions button{min-width:70px}
.field-guide-pointer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:#bbd0bf;stroke-width:1;color:#bbd0bf;opacity:.65}

.field-layer-section{padding-top:12px;border-top:1px solid var(--field-hair);margin-top:5px}

.field-guide-open svg{fill:none;stroke:currentColor;stroke-width:1}

/* The voice is the entry point; gesture play and keeping the result follow it. */
.field-content{grid-template-areas:'play voice' 'play controls';grid-template-rows:auto 1fr;gap:16px 30px}
.field-playing{grid-area:play}.field-adjustments{grid-area:controls}
#field-panel .field-mantra-primary{grid-area:voice;display:flex;align-items:center;gap:14px;text-align:left;padding:16px;min-height:84px;border-color:#bdd0c780;background:#bdd0c70d}
.field-mantra-primary>span:nth-child(2){flex:1;min-width:0}
.field-mantra-action-title{display:block;font-family:'EB Garamond',Georgia,serif;font-size:25px;line-height:1.1;letter-spacing:0}
.field-mantra-action-hint{display:block;font-size:12px;letter-spacing:0;color:var(--field-muted);margin-top:5px}
.field-mantra-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #c7d4c980;border-radius:50%;flex-shrink:0}
.field-mantra-symbol svg{width:26px;height:22px;fill:none;stroke:currentColor;stroke-width:1}
.field-mantra-arrow{font-size:22px;color:var(--field-muted)}
.field-secondary-row button{width:100%}
.field-mantra-sheet{align-items:center;padding:16px}
.field-mantra-card{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);width:min(100%,580px);padding:0;overflow:hidden;border-radius:6px}
.field-mantra-card>.field-sheet-head{flex-shrink:0;padding:16px 20px 12px;margin:0;border-bottom:1px solid var(--field-hair)}
.field-mantra-card .field-sheet-head .field-mantra-help{margin:2px 0 0}
.field-mantra-body{display:block;overflow:auto;overscroll-behavior:contain;padding:12px 20px 16px;min-height:0;scrollbar-width:thin}
.field-mantra-body .field-clip{position:sticky;top:-12px;z-index:2;background:#2a2e2d;margin:0;padding:12px 0;border-bottom:1px solid var(--field-hair)}
.field-clip-info{flex:1;min-width:0}.field-clip-info span{display:block}.field-clip-info .field-mantra-help{font-size:11px;margin:3px 0 0}
.field-clip-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}
#field-panel .field-clip button{border-color:#bdd0c780;min-width:135px;background:#bdd0c70a;padding:10px 12px}
#field-panel .field-clip #field-clip-original{font-size:12px;background:none;border-color:transparent;color:var(--field-muted);min-height:44px;padding:6px 12px}
#field-panel .field-clip #field-clip-original[aria-pressed="true"]{border-color:var(--field-hair);color:var(--field-text)}
.field-voice-source{padding:8px 0}.field-voice-source .field-input-row{margin-top:8px}
.field-voice-source #field-record-help{font-size:12px;margin-top:8px}
#field-panel .field-quiet-action{border:0;background:none;min-height:36px;padding:8px 0;color:var(--field-muted);font-size:12px;text-align:left}
.field-mantra-body>.field-feedback{min-height:0;margin:5px 0 8px}.field-mantra-body>.field-feedback:empty{display:none}
.field-mantra-controls{display:grid;gap:8px}
.field-effect-choices{border:0;padding:0;margin:4px 0 0;display:flex;gap:8px;min-width:0}
.field-effect-choices legend{font-size:13px;padding:0;margin-bottom:8px;color:var(--field-muted)}
.field-effect-choice{position:relative;flex:1;min-width:0;cursor:pointer}
.field-effect-choice input{position:absolute;opacity:0;width:1px;height:1px}
.field-effect-choice span{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:88px;padding:12px 8px;border:1px solid var(--field-hair);border-radius:12px;font-size:14px}
.field-effect-choice svg{width:28px;height:24px;fill:none;stroke:currentColor;stroke-width:.8;opacity:.72}
.field-effect-choice input:checked+span{border-color:#bdd0c7aa;background:#bdd0c712}
.field-effect-choice input:focus-visible+span{outline:2px solid var(--field-accent);outline-offset:3px}
.field-effect-choice input:disabled+span{opacity:.46;cursor:default}
.field-mantra-controls #field-effect-description{min-height:18px;margin:0;font-size:12px}
.field-control-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.field-control-head label{font-size:14px}.field-control-head output{font-size:12px;color:var(--field-muted);font-variant-numeric:tabular-nums}
.field-mantra-range{padding-top:5px}.field-mantra-range input{display:block}
.field-mantra-controls .field-endpoints{margin-top:-10px;font-size:11px}
.field-mantra-controls .field-words{min-height:38px;font-size:13px}.field-mantra-controls #field-words-help{font-size:12px;margin:-5px 0 5px}
.field-mantra-repeat{border-top:1px solid var(--field-hair);padding-top:10px;display:grid;gap:5px}
.field-gap-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;font-size:12px}
.field-gap-values{display:flex;gap:6px;align-items:center}
.field-gap-control{display:flex;align-items:center;gap:4px;color:var(--field-muted)}
#field-panel .field-gap-control input{width:60px;height:44px;background:#232827;border:1px solid var(--field-hair);border-radius:2px;padding:7px 3px 7px 8px;font-size:16px;font-variant-numeric:tabular-nums}
.field-mantra-repeat .field-mantra-help{font-size:12px;margin:0}
.field-mantra-playback{font-size:12px;margin:4px 0 0;color:var(--field-accent)}
.field-voice-details{border-top:1px solid var(--field-hair);padding:4px 0}
.field-voice-details summary{cursor:pointer;min-height:44px;padding:13px 0;font-size:13px;color:var(--field-muted)}
.field-voice-details>div{display:grid;gap:10px;padding:0 0 8px}
.field-voice-details .field-mantra-repeat{border:0;padding-top:0}
#field-panel .field-voice-source #field-record{min-height:64px;min-width:128px;border-radius:32px;border-color:#bdd0c780;background:#bdd0c70c}
.field-mantra-footer{flex-shrink:0;border-top:1px solid var(--field-hair);background:#282d2b;padding:10px 20px 14px}
.field-mantra-footer>.field-mantra-help{font-size:12px;margin:0 0 8px}
.field-mantra-footer>div{display:flex;gap:10px;justify-content:flex-end}
#field-panel #field-mantra-done{min-width:78px;background:none;border:0;color:var(--field-muted)}
#field-panel #field-mantra-save{flex:1;border-color:#bdd0c780;background:#bdd0c70c}
@media(max-width:720px){
 .field-content{display:flex;flex-direction:column;gap:14px}.field-playing,.field-adjustments,.field-mantra-primary{width:100%}
 #field-panel .field-mantra-primary{min-height:72px;padding:12px 14px}.field-mantra-action-title{font-size:24px}
 .field-mantra-sheet{align-items:flex-end;padding:max(10px,env(safe-area-inset-top)) 0 0}
 .field-mantra-card{max-height:calc(100dvh - max(10px,env(safe-area-inset-top)));width:100%;border-radius:8px 8px 0 0}
 .field-mantra-card>.field-sheet-head{padding:12px 18px 10px}.field-mantra-body{padding-left:18px;padding-right:18px}
 .field-mantra-footer{padding:10px 18px max(14px,env(safe-area-inset-bottom))}
 .field-mantra-controls{gap:7px}.field-gap-row{font-size:11px}.field-gap-values{gap:4px}
 .field-mantra-repeat .field-effect-row{min-height:44px}
}

#field-panel .field-original{display:block;width:100%;margin-top:10px;min-height:44px;padding:8px 0;text-align:left;background:none;border:0;color:var(--field-muted);font-size:12px}

/* The two starting actions stay together, before the deeper controls. */
.field-content{grid-template-areas:'play voice' 'play discovery' 'play controls';grid-template-rows:auto auto 1fr}
.field-discovery{grid-area:discovery;display:grid;gap:4px;margin:0;min-width:0}
#field-panel .field-mantra-primary{background:#c2cfc4;color:#18241f;border-color:#d4dfd5}
#field-panel .field-mantra-primary:hover{background:#d2ddd4;border-color:#e3ebe3}
.field-mantra-primary .field-mantra-action-hint{color:#35483e}
.field-mantra-primary .field-mantra-symbol{color:#263d32;border-color:#263d3266}
#field-panel .field-surprise{display:flex;align-items:center;gap:14px;min-height:74px;width:100%;padding:14px 16px;text-align:left;color:#f0f2e9;background:#35423d;border:1px solid #b9cbbc99;border-radius:3px;opacity:1}
#field-panel .field-surprise:hover{background:#415249;border-color:#c9dace}
.field-surprise>span:nth-child(2){flex:1;min-width:0}
.field-surprise .field-discovery-symbol{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid #ccded1a6;border-radius:50%;font-size:29px;line-height:1;color:#d2e3d7}
.field-surprise .field-surprise-title{display:block;font-family:'EB Garamond',Georgia,serif;font-size:26px;line-height:1.1;color:#f0f2e9}
.field-surprise .field-surprise-hint{display:block;margin-top:5px;font-size:12px;line-height:1.4;color:#cbd5cb}
.field-surprise .field-surprise-arrow{font-size:23px;color:#d2e3d7}
#field-panel .field-previous{justify-self:start;min-height:36px;padding:5px 0}
#field-panel .field-type-settings select{max-width:78%}
@media(max-width:720px){#field-panel .field-surprise{min-height:68px;padding:12px 14px}.field-surprise .field-surprise-title{font-size:24px}}

.field-mantra-footer>div{flex-direction:column;gap:5px}
#field-panel[data-voice-ready="true"] #field-mantra-done{width:100%;min-height:52px;color:#18241f;background:#c2cfc4;border:1px solid #d4dfd5;font-size:16px;font-weight:500}
#field-panel[data-voice-ready="true"] #field-mantra-done:hover{background:#d2ddd4}
#field-panel #field-mantra-save{flex:auto;min-height:38px;background:transparent;border-color:transparent;color:var(--field-muted);font-size:13px}

.field-discovery{grid-template-columns:minmax(0,1fr);justify-content:stretch;width:100%}
.field-mantra-primary .field-mantra-arrow{color:#35483e}

.field-texture-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 12px}
#field-panel .field-texture-options button{min-height:44px;font-size:12px;padding:8px 12px}
#field-panel .field-texture-options button[aria-pressed="true"]{background:#bdd0c726;border-color:#bdd0c7a0}
#field-texture-state{font-size:11px;color:var(--field-muted)}
.field-variation{margin-bottom:12px}.field-variation .field-endpoints{margin-left:89px}
#field-pad{border-color:color-mix(in srgb,var(--texture-color,#b1c6b7) 28%,transparent)}