/* Next adapters to the unmodified V1 tokens.css and core.css. */
:root{color-scheme:dark;--bg:var(--yn-base);--panel:var(--yn-glass);--raised:var(--yn-panel-elevated);--text:var(--yn-text);--muted:var(--yn-text-muted);--border:var(--yn-border);--gold:var(--yn-gold);--blue:var(--yn-cyan);--green:var(--yn-success);--red:var(--yn-danger);--radius:var(--yn-radius-panel)}
[data-theme=light]{color-scheme:light}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
/* Required exceptions: document scrolling/unbounded runtime; no permanent version label. */
html,body{height:auto;max-height:none;overflow-y:visible}body{min-height:100dvh}main{height:auto;max-height:none;max-width:none;overflow:visible}#main{min-width:0;max-width:none;overflow:visible}#rail-links{display:contents}#profile{margin-top:auto}.rail #profile>.profile{margin-top:0}.rail a[aria-current=false]{border-color:transparent;color:var(--yn-text-muted);background:transparent}
.guest-header .brand{border:0;padding:0}.guest:before{background:#03102620}.guest #content{min-height:calc(100dvh - 80px)}.guest #main{width:min(520px,100%)}.guest .login{width:100%;margin:0}.guest footer{display:none}.guest .login-link{display:block;margin-top:10px;color:var(--yn-cyan)}
#dock{height:116px;width:100%;max-width:none;flex:none}#dock.is-collapsed{height:32px}.dock-row{height:50px;min-height:50px;flex-wrap:nowrap}.dock-item>span{display:block}.dock-item.critical{color:#ef727c}.dock-actions:empty::after{content:' ';display:block;height:48px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{min-width:0}.row input,.row select{width:auto}.muted,.hint{color:var(--yn-text-muted)}.hint{font-size:12px}.positive:not(.dock-item){color:var(--yn-success)}.critical:not(.dock-item){color:var(--yn-danger)}.checkbox{display:flex;gap:10px;align-items:center}.checkbox input{width:auto}.spacer{height:15px}form>button{margin-top:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--yn-surface);padding:16px;border-radius:9px}.narrow{margin-bottom:20px}#main>.narrow{max-width:none}.titlebar{margin-bottom:20px}.empty{padding:40px 20px;color:var(--yn-text-muted);text-align:center}td{overflow-wrap:anywhere}td button{font-size:12px;padding:5px 9px}.table-wrap{height:auto;max-height:none;overflow:visible}#main table{min-width:0;width:100%}
/* New Next components inherit the V1 palette and controls. */
.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;margin-top:20px}.editor-stage{min-width:0;overflow:auto;padding:16px;background:var(--yn-surface);border-radius:14px}.canvas{display:grid;grid-template-columns:repeat(var(--columns,12),minmax(0,1fr));gap:10px;position:relative;min-width:0;width:100%;margin:0 auto;align-content:start}.canvas.tablet{--columns:8;width:768px;max-width:100%}.canvas.mobile{--columns:4;width:390px;max-width:100%}.widget{min-width:0;position:relative;white-space:pre-wrap}.widget p{margin:0}.widget .resize{position:absolute;right:2px;bottom:2px;cursor:nwse-resize;padding:2px 7px;touch-action:none}.inspector{align-self:start;position:sticky;top:calc(var(--header-height,94px) + 140px)}.inspector .row input{width:80px}
#editor-stage .canvas{min-height:500px;padding:10px;border:1px dashed var(--yn-border);grid-auto-rows:64px;background-image:linear-gradient(to right,#ffffff07 1px,transparent 1px);background-size:calc(100% / var(--columns,12)) 100%}#editor-stage .widget{border:1px dashed var(--yn-border);background:var(--yn-glass);padding:18px;border-radius:14px;overflow:auto;cursor:grab}#editor-stage .widget.selected{outline:2px solid var(--yn-gold)}
.canvas.runtime{height:auto;max-height:none;min-height:0;max-width:none;overflow:visible;border:0;background:none;padding:0;grid-auto-rows:minmax(0,auto);align-items:start;row-gap:0;column-gap:20px}.canvas.runtime>.widget{height:auto;max-height:none;min-height:0;overflow:visible;border:0;background:none;box-shadow:none;padding:0;outline:0;margin-bottom:20px}.system-widget{white-space:normal}.system-surface{min-width:0}.runtime .panel,.runtime .table-wrap,.runtime .system-surface{height:auto;max-height:none;overflow:visible}.runtime>.widget:not(.system-widget){padding:22px;border:1px solid var(--yn-border);border-radius:14px;background:var(--yn-glass)}
.nexus-modal{min-width:min(400px,90vw)}.modal-body{margin-bottom:20px}.dock-edit-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--yn-border)}.dock-edit-row input{width:180px}.dock-edit-row select{width:160px}.icon-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:10px;margin-top:20px;max-height:50vh;overflow:auto;min-width:min(600px,80vw)}.icon-gallery button{flex-direction:column;font-size:11px}#view-tools{margin-bottom:16px}
@media(max-width:900px){.editor-shell{grid-template-columns:1fr}.inspector{position:static}}@media(max-width:700px){#main table{table-layout:fixed}#main td,#main th{padding:8px 5px;font-size:12px;overflow-wrap:anywhere}#main td button{max-width:100%;padding:4px;gap:3px;flex-wrap:wrap;font-size:11px}.editor-stage{padding:5px}}

.profile-actions a{cursor:pointer}.rail #profile{min-height:46px}.rail #profile>.profile>summary{min-height:46px}.guest #content{max-width:none;width:100%}.guest .login .primary{width:100%}.login label{margin:12px 0 5px}.login input+label{margin-top:12px}.runtime .system-widget .panel{padding:22px}.runtime .system-widget .table-wrap{padding:0}

#editor-stage .canvas,#editor-stage .widget{border-style:dashed}

/* UI4: original palette; stronger rail symbols and V1 row interactions. */
.rail>a{font-size:30px}.rail>a .icon{width:28px;height:28px}#main tbody tr:has(input[name=selected-user]){cursor:pointer}#main tbody tr:has(input[name=selected-user]):hover{background:color-mix(in srgb,var(--yn-panel),var(--yn-gold) 15%);box-shadow:inset 0 2px var(--yn-gold),inset 0 -2px var(--yn-gold)}