/* Studio chrome is fully scoped; guests never receive editor elements. */
#awp{--aw-bg:#151b24;--aw-surface:#1e2733;--aw-input:#121923;--aw-line:#344153;--aw-muted:#a2afc1;--aw-text:#eef3fb;--aw-accent:#8ebcff;position:fixed;top:12px;right:12px;bottom:12px;width:414px;max-width:calc(100vw - 24px);z-index:2147483646;display:flex;flex-direction:column;background:var(--aw-bg);color:var(--aw-text);border:1px solid var(--aw-line);border-radius:17px;box-shadow:0 18px 60px #0005;font:13px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;overflow:hidden;color-scheme:dark;isolation:isolate}
#awp *,#aw-selection *,#aw-frame-wrap *{box-sizing:border-box}
#awp header{display:flex;align-items:center;justify-content:space-between;padding:17px 16px 13px;border-bottom:1px solid var(--aw-line);flex:none}
#awp .aw-brand{display:flex;gap:10px;align-items:center}
#awp .aw-brand-mark{width:34px;height:34px;background:#dbe7fc;color:#1b273c;border-radius:10px;display:grid;place-items:center;font:italic 26px Georgia,serif}
#awp .aw-brand strong{font-size:17px;letter-spacing:-.4px;font-weight:650}
#awp .aw-brand small{display:block;color:var(--aw-muted);font-size:9px;letter-spacing:1.6px}
#awp button{font:inherit;color:inherit;background:var(--aw-surface);border:1px solid var(--aw-line);border-radius:7px;padding:6px 9px;cursor:pointer;line-height:1.4;text-align:center;transition:background .12s,border-color .12s}
#awp button:hover{background:#2a384b;border-color:#7991b3}
#awp button:disabled{opacity:.4;cursor:default}
#awp button.aw-active,#awp button.aw-primary{color:#101b2e;background:var(--aw-accent);border-color:var(--aw-accent)}
#awp button.aw-primary{padding:10px 12px;font-weight:650}
#awp button.aw-danger{color:#ffb1b7;border-color:#794955}
#awp button:focus-visible,#awp input:focus-visible,#awp select:focus-visible,#awp textarea:focus-visible,#awp summary:focus-visible{outline:2px solid var(--aw-accent);outline-offset:2px}
#awp .aw-toolbar{display:flex;gap:6px;padding:10px 14px 4px}
#awp .aw-toolbar button:last-child{margin-left:auto}
#awp .aw-viewport{display:flex;align-items:center;gap:5px;padding:8px 14px}
#awp .aw-viewport>span{font-size:9px;letter-spacing:1px;color:var(--aw-muted);margin-right:5px}
#awp .aw-viewport button{font-size:11px;padding:4px 7px;flex:1}
#awp .aw-opening-controls{display:flex;gap:6px;padding:0 14px 9px}
#awp .aw-opening-controls button{flex:1;font-size:11px}
#awp .aw-scope{display:flex;align-items:center;gap:12px;padding:3px 14px 12px;border-bottom:1px solid var(--aw-line)}
#awp .aw-scope label{font-size:11px;color:var(--aw-muted);white-space:nowrap}
#awp .aw-scope select{flex:1;min-width:0;padding:6px;font-size:11px}
#awp .aw-tabs{display:flex;padding:0 12px;gap:4px;border-bottom:1px solid var(--aw-line);flex:none}
#awp .aw-tabs button{flex:1;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 5px;color:var(--aw-muted)}
#awp .aw-tabs button.aw-active{color:var(--aw-text);border-bottom-color:var(--aw-accent)}
#aw-body{flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52627b transparent;padding:12px 14px 24px}
#awp footer{padding:9px 15px 11px;border-top:1px solid var(--aw-line);background:var(--aw-bg);flex:none}
#aw-draft-label{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--aw-muted)}
#aw-status{font-size:11px;margin-top:2px;min-height:16px;overflow-wrap:anywhere}
#awp h2{font:600 17px/1.3 system-ui,sans-serif;letter-spacing:-.3px;margin:5px 0 8px;color:var(--aw-text)}
#awp p{margin:8px 0}
#awp .aw-page-head{margin:2px 0 18px}
#awp .aw-page-head p{color:var(--aw-muted);font-size:12px}
#awp details summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center;user-select:none}
#awp details summary::-webkit-details-marker{display:none}
#awp details summary:before{content:"›";font-size:16px;width:9px;color:var(--aw-muted);flex:none;transform-origin:45% 50%}
#awp details[open]>summary:before{transform:rotate(90deg)}
#awp summary>span:last-child{margin-left:auto;font-size:10px;font-weight:400;color:var(--aw-muted)}
#awp .aw-browser{border:1px solid var(--aw-line);border-radius:9px;margin-bottom:14px;background:var(--aw-input)}
#awp .aw-browser>summary{padding:10px;font-weight:600}
#awp .aw-find{display:flex;gap:6px;padding:0 9px 9px}
#awp .aw-find input{flex:1;min-width:0;font-size:11px}
#awp .aw-find select{width:103px;font-size:11px}
#aw-list{max-height:225px;overflow:auto;scrollbar-width:thin;border-top:1px solid var(--aw-line)}
#aw-list>details>summary{padding:7px 11px;font-size:11px;color:var(--aw-muted);background:#1b2430}
#awp .aw-item{display:flex;gap:8px;align-items:center;width:100%;border:0;border-bottom:1px solid #263142;border-radius:0;text-align:left;background:transparent;padding:7px 10px}
#awp .aw-item.aw-selected{background:#2a3b56;box-shadow:inset 3px 0 var(--aw-accent)}
#awp .aw-item img,#awp .aw-type-icon{width:33px;height:33px;flex:none;object-fit:contain;background:#52607366;border-radius:5px}
#awp .aw-type-icon{display:grid;place-items:center;font-size:17px;color:#b7c6db}
#awp .aw-item>span:not(.aw-type-icon){flex:1;min-width:0}
#awp .aw-item b{display:block;font-size:11px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#awp .aw-item small{display:block;font-size:9px;color:var(--aw-muted)}
#awp .aw-item i{font-size:7px;color:var(--aw-accent)}
#awp .aw-selected-head{padding:7px 0 5px}
#awp .aw-eyebrow{color:var(--aw-accent);font-size:9px;letter-spacing:1.1px}
#awp code{display:block;color:var(--aw-muted);font:9px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;margin:0 0 10px}
#awp .aw-inline{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}
#awp .aw-inline button{font-size:10px;padding:5px 7px}
#awp .aw-scope-note{border-left:2px solid var(--aw-accent);padding:6px 8px;color:var(--aw-muted);font-size:10px;background:#22334b55;border-radius:0 5px 5px 0}
#awp .aw-group{border:1px solid var(--aw-line);border-radius:9px;overflow:hidden;margin-top:10px;background:#18212d}
#awp .aw-group>summary{padding:10px 11px;font-weight:550;font-size:12px}
#awp .aw-group>div{border-top:1px solid var(--aw-line);padding:10px 11px 13px}
#awp .aw-group .aw-group{background:transparent;margin:10px 0 0}
#awp input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),#awp select,#awp textarea{background:var(--aw-input);border:1px solid #3b4a60;border-radius:6px;color:var(--aw-text);font:12px/1.4 system-ui,sans-serif;padding:7px 8px;min-width:0;max-width:100%}
#awp input[type=range]{width:100%;margin:5px 0 0;accent-color:var(--aw-accent)}
#awp input[type=checkbox]{accent-color:var(--aw-accent);width:15px;height:15px;margin:0;flex:none}
#awp textarea{width:100%;resize:vertical;min-height:70px;margin-top:5px}
#awp input::placeholder{color:#71819b;opacity:1}
#awp .aw-field{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:7px 0}
#awp .aw-field>span{font-size:11px;flex:1}
#awp .aw-field>input,#awp .aw-field>select{width:52%;max-width:185px}
#awp .aw-field>input[type=url],#awp .aw-field>input[type=datetime-local]{width:65%}
#awp .aw-stack{display:block;font-size:11px}
#awp .aw-check{display:flex;gap:8px;align-items:center;font-size:11px;margin:10px 0}
#awp .aw-pair{display:flex;gap:9px}
#awp .aw-pair .aw-field{flex:1;display:block;min-width:0}
#awp .aw-pair input{width:100%;max-width:none;margin-top:4px}
#awp .aw-help,#awp .aw-time-info{font-size:10px;color:var(--aw-muted);line-height:1.6;overflow-wrap:anywhere;margin:7px 0}
#awp .aw-time-info{background:#223047;padding:7px;border-radius:5px}
#awp .aw-slider{margin:9px 0 12px}
#awp .aw-slider>label{display:flex;align-items:center;justify-content:space-between;font-size:11px}
#awp .aw-slider input[type=number]{width:68px;text-align:right;padding:4px 7px}
#awp .aw-color{margin:10px 0 12px;padding-bottom:9px;border-bottom:1px solid #2a3547}
#awp .aw-color:last-child{border-bottom:none}
#awp .aw-color-main{display:flex;align-items:center;gap:7px;font-size:11px}
#awp .aw-color-main>span{flex:1}
#awp .aw-color-main input[type=color]{width:32px;height:29px;padding:2px;border:1px solid #627089;border-radius:6px;background:transparent;cursor:pointer}
#awp .aw-color-main input.aw-hex{width:96px;font:11px ui-monospace,monospace;padding:6px}
#awp .aw-color>details{margin-top:6px}
#awp .aw-color summary{font-size:10px;color:var(--aw-muted)}
#awp .aw-color-channels{display:flex;gap:7px;margin:9px 0}
#awp .aw-color-channels>label{display:flex;flex:1;align-items:center;gap:4px;font-size:9px;color:var(--aw-muted);min-width:0}
#awp .aw-color-channels input{width:100%;padding:4px 5px!important;text-align:right}
#awp .aw-color small{font-size:9px;color:var(--aw-muted)}
#awp .aw-swatches{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
#awp .aw-swatches button{width:24px;height:24px;padding:0;background:var(--aw-swatch);border:1px solid #a6b3c1;border-radius:5px}
#awp .aw-image-preview{height:145px;background-color:#d3d9e0;background-image:linear-gradient(45deg,#bdc5cf 25%,transparent 25%),linear-gradient(-45deg,#bdc5cf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bdc5cf 75%),linear-gradient(-45deg,transparent 75%,#bdc5cf 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-radius:7px;margin:2px 0 11px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#awp .aw-image-preview img{width:100%;height:100%;object-fit:contain}
#awp .aw-upload{display:block;border:1px dashed #647998;background:#26344b55;border-radius:7px;padding:10px;font-size:11px;color:#dae7fc;margin:10px 0;overflow-wrap:anywhere}
#awp .aw-upload input{display:block;width:100%;margin-top:8px;font-size:10px}
#awp .aw-upload input::file-selector-button{padding:6px 8px;border:1px solid #576a88;border-radius:5px;background:#32435d;color:#fff;margin-right:7px}
#awp .aw-font-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:7px 0}
#awp .aw-font-row button{font-size:10px}
#awp .aw-export-card{border:1px solid #50688d;background:#23334d;border-radius:10px;padding:15px;display:grid;gap:9px;margin:12px 0 17px}
#awp .aw-export-card small{color:var(--aw-muted);font-size:10px;margin-bottom:4px}
#awp ol{padding-left:18px;font-size:11px;line-height:1.8}
#awp .aw-error{color:#ffb2b8!important}
#awp .aw-invalid{border-color:#ff818e!important;box-shadow:0 0 0 1px #ff818e66}
#awp.aw-minimized{width:auto;bottom:auto;border-radius:10px}
#awp.aw-minimized>:not(header){display:none}
#awp.aw-minimized .aw-brand{display:none}
#awp.aw-minimized header{padding:5px;border:0}
#aw-selection{position:fixed;z-index:2147483644;border:1.5px solid #397cf0;pointer-events:none;box-sizing:border-box}
#aw-selection[hidden]{display:none}
#aw-selection button{position:absolute;background:#397cf0;color:#fff;border:0;font:10px/1.3 system-ui,sans-serif;pointer-events:auto;cursor:move;touch-action:none}
#aw-selection [data-drag=move]{top:-25px;left:0;border-radius:4px 4px 0 0;white-space:nowrap;padding:4px 7px;box-shadow:0 2px 5px #0002}
#aw-selection .aw-handle{width:9px;height:9px;padding:0;border:1px solid #fff;background:#397cf0;transform:translate(-50%,-50%);border-radius:1px}
#aw-selection .aw-nw{top:0;left:0;cursor:nwse-resize}
#aw-selection .aw-n{top:0;left:50%;cursor:ns-resize}
#aw-selection .aw-ne{top:0;left:100%;cursor:nesw-resize}
#aw-selection .aw-e{top:50%;left:100%;cursor:ew-resize}
#aw-selection .aw-se{top:100%;left:100%;cursor:nwse-resize}
#aw-selection .aw-s{top:100%;left:50%;cursor:ns-resize}
#aw-selection .aw-sw{top:100%;left:0;cursor:nesw-resize}
#aw-selection .aw-w{top:50%;left:0;cursor:ew-resize}
#aw-selection button[hidden]{display:none}
.aw-dragging{user-select:none!important}
#aw-selection .aw-rotate-handle{left:calc(100% + 16px);top:calc(100% + 16px);width:32px;height:32px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #fff;background:#a66325;box-shadow:0 2px 7px #0005;font:23px/1 system-ui,sans-serif;cursor:grab;display:grid;place-items:center;padding:0}
#aw-selection .aw-rotate-handle:active{cursor:grabbing}
#aw-selection .aw-rotate-handle:focus-visible{outline:3px solid #173d6b;outline-offset:3px}
#aw-selection .aw-angle-readout{position:absolute;left:calc(100% + 37px);top:calc(100% + 8px);padding:3px 6px;border-radius:4px;background:#173d6b;color:#fff;font:11px/1.4 system-ui,sans-serif;white-space:nowrap;pointer-events:none}
#aw-selection [data-drag="rotate"][hidden]{display:none}
#aw-selection .aw-angle-readout[hidden]{display:none}
#awp .aw-transform-actions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
#awp .aw-transform-actions button{flex:1;min-width:88px}
#awp .aw-transform-actions button[aria-pressed="true"]{background:#b9d4c4;color:#10291f;border-color:#b9d4c4}
@media(pointer:coarse){#aw-selection .aw-handle{width:15px;height:15px}#aw-selection .aw-rotate-handle{width:44px;height:44px;left:calc(100% + 23px);top:calc(100% + 23px)}#aw-selection .aw-angle-readout{left:calc(100% + 48px);top:calc(100% + 13px)}}
#aw-frame-wrap{position:fixed;left:18px;top:52px;z-index:2147483643;background:#e8edf5;border:1px solid #8b98ae;border-radius:12px;box-shadow:0 16px 50px #0005;overflow:hidden;font:11px/1.4 system-ui,sans-serif;color:#263750}
#aw-frame-wrap .aw-frame-title{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;text-transform:capitalize}
#aw-frame-wrap .aw-frame-title span{font-size:9px;color:#60708b}
#aw-frame-wrap iframe{border:0;display:block;transform-origin:top left;background:#f9f0e0}
.aw-editing [data-elem-type=text] .tn-atom{min-height:1em}
.aw-editing #weiAudioBtn{right:452px;z-index:100001}
@media(max-width:700px){#awp{top:auto;bottom:8px;right:8px;width:calc(100vw - 16px);max-width:none;height:62dvh;border-radius:13px}#awp header{padding:10px 13px}#awp .aw-brand strong{font-size:15px}#awp .aw-toolbar{padding-top:7px}#awp .aw-viewport{padding:6px 14px}#awp .aw-scope{padding-bottom:7px}#awp.aw-minimized{height:auto;width:auto}#aw-frame-wrap{left:8px;top:8px}#aw-list{max-height:150px}}
@media(prefers-reduced-motion:reduce){#awp button{transition:none}}

/* Studio 4 workspace, creation tools and separate-file library. */
#awp{width:438px;--aw-accent:#b9d1bd;--aw-line:#34443e;--aw-bg:#14221e;--aw-surface:#20312b;--aw-input:#0f1c17;--aw-muted:#b0c1b8}
#awp .aw-brand-mark{background:#e9dcc6;color:#453c2b}
#awp header{padding:14px 16px 11px}
#awp .aw-tabs button{font-size:11px;min-width:0;padding:10px 3px}
#awp .aw-tabs button.aw-active{background:#21342b}
#awp .aw-field input,#awp .aw-field select{min-width:0}
#aw-device-options{display:flex;align-items:end;gap:6px;padding:0 14px 8px}
#aw-device-options[hidden]{display:none}
#aw-device-options label{flex:1;min-width:0;font-size:10px;color:var(--aw-muted)}
#aw-device-options input{display:block;width:100%;padding:5px;font:11px system-ui,sans-serif}
#aw-device-options button{height:30px;padding:4px 8px}
#awp .aw-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
#awp .aw-add-grid button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 9px;min-height:54px}
#awp .aw-add-grid b{font:24px Georgia,serif;color:#e9dcc6}
#awp .aw-add-grid span{font-size:12px}
#awp .aw-align-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:12px 0}
#awp .aw-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
#awp .aw-media-card{border:1px solid var(--aw-line);border-radius:10px;padding:9px;display:flex;flex-direction:column;gap:6px;overflow:hidden;background:var(--aw-surface)}
#awp .aw-media-card>img,#awp .aw-media-symbol{width:100%;height:100px;object-fit:contain;background:#e4ded0;border-radius:5px}
#awp .aw-media-symbol{display:flex;align-items:center;justify-content:center;font:36px Georgia,serif;color:#775d38}
#awp .aw-media-card>b{font-size:11px;overflow-wrap:anywhere;font-weight:600}
#awp .aw-media-card>small{font-size:9px;color:var(--aw-muted)}
#awp .aw-media-card>a{font-size:10px;color:#b9d1bd;text-decoration:underline;text-align:center}
#awp .aw-quick-save{float:right;padding:5px 9px!important;margin-left:10px;font-size:11px}
#awp .aw-selected-head .aw-inline{flex-wrap:wrap}
#awp .aw-check{min-height:30px}
#awp .aw-group>div>button{margin-bottom:6px}
#awp .aw-export-card{background:#233c30;border-color:#537461}
#awp .aw-color-main{min-width:0}
#awp .aw-color-main>span{min-width:0;overflow-wrap:anywhere}
#awp .aw-scope label{font-size:10px}
#awp .aw-scope select{font-size:10px}
.aw-added-atom h1,.aw-added-atom h2,.aw-added-atom h3,.aw-added-atom p{font:inherit;color:inherit;margin:0}
@media(min-width:701px){.aw-editing #weiAudioBtn{right:476px}}
@media(max-width:700px){
  #awp{width:calc(100vw - 16px);height:62vh;height:62dvh;top:auto;bottom:8px;right:8px}
  #awp header{padding:9px 12px}
  #awp .aw-brand strong{font-size:15px}
  #awp .aw-brand small{letter-spacing:1px;font-size:8px}
  #awp .aw-tabs{gap:1px;padding:0 8px}
  #awp .aw-tabs button{font-size:10px}
  #awp .aw-toolbar button{font-size:11px}
  #awp .aw-scope{gap:6px}
  #awp .aw-scope label{max-width:75px;white-space:normal}
  #awp .aw-quick-save{font-size:10px;padding:5px 7px!important}
  #aw-body{padding:10px 12px 24px}
  .aw-editing #weiAudioBtn{right:16px;bottom:calc(62vh + 20px);width:44px;height:44px}
  #awp .aw-viewport>span{display:none}
}
@media(max-height:600px) and (min-width:701px){#awp header{padding:8px 12px}#awp .aw-toolbar{padding-top:6px}#awp .aw-opening-controls{padding-bottom:5px}#awp .aw-scope{padding-bottom:6px}}