:root{color-scheme:light;--bg: #0a0a0a;--shell: #c7c7c7;--shell-dark: #8f8f8f;--panel: #d8d8d8;--panel-light: #f2f2f2;--panel-deep: #bcbcbc;--text: #111;--muted: #4a4a4a;--title-top: #0c28b4;--title-bottom: #1a66c4;--line-dark: #575757;--line-light: #ffffff;--highlight: #1028ff;--accent: #e6e6e6}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:linear-gradient(180deg,#ffffff05,#fff0),radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 28%),var(--bg);color:var(--text);font-family:Tahoma,Arial,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.desktop-shell{min-height:100vh;padding:14px;display:flex;align-items:stretch;justify-content:center}.window-shell{width:min(1280px,calc(100vw - 28px));height:calc(100vh - 28px);display:grid;grid-template-rows:auto auto 1fr auto;border:1px solid #494949;box-shadow:10px 10px #0000006b;background:var(--shell)}.title-bar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px 0 10px;color:#fff;background:linear-gradient(90deg,var(--title-top),#163fba 60%,#5a7fa8 100%);border-bottom:4px solid rgba(255,255,255,.35)}.title-left{display:flex;align-items:center;gap:10px;min-width:0}.app-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);background:#e4e4e4;color:#0d1d7a;font-family:monospace;font-weight:700}.title-copy{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap}.title-name{font-size:17px;font-weight:700}.title-id{font-size:15px}.window-controls{display:flex;gap:8px}.window-control{width:40px;height:36px;border:1px solid #333;border-top-color:#f5f5f5;border-left-color:#f5f5f5;background:linear-gradient(180deg,#dcdcdc,#bdbdbd);color:#111;font-size:22px;line-height:1;padding:0}.toolbar{min-height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;background:#cdcdcd;border-bottom:2px solid #8d8d8d}.toolbar-group,.button-row{display:flex;gap:10px}.toolbar-button,.retro-button,.mini-button{border:1px solid #404040;border-top-color:#f8f8f8;border-left-color:#f8f8f8;background:linear-gradient(180deg,#ededed,#cfcfcf);color:#111;box-shadow:inset -1px -1px #0003,inset 1px 1px #ffffffbf}.toolbar-button{width:42px;height:36px;font-size:22px}.toolbar-path{min-width:0;padding:8px 12px;background:#f8f8f8;border:2px inset #bdbdbd;font-family:Consolas,monospace;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-mark{color:#8a8a8a}.toolbar-state{padding:0 8px;font-family:Consolas,monospace;font-size:12px;color:var(--muted);white-space:nowrap}.content-frame{padding:14px;background:var(--shell);overflow:auto;scrollbar-gutter:stable;display:grid;min-height:0}.status-bar{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:#d6d6d6;border-top:2px solid #fcfcfc;font-family:Consolas,monospace;font-size:13px}.page{display:grid;gap:14px}.panel,.home-panel,.side-panel{border:2px solid #6d6d6d;border-top-color:#f8f8f8;border-left-color:#f8f8f8;background:linear-gradient(180deg,#d9d9d9,#cfcfcf);box-shadow:inset -1px -1px #00000026,inset 1px 1px #ffffffbf}.panel-title{display:inline-block;padding:0 10px;margin:-10px 0 12px 16px;background:var(--shell);font-family:Consolas,monospace;font-size:15px;letter-spacing:0}.home-page{grid-template-columns:2fr 1fr;align-items:stretch}.wide-panel,.side-panel,.detail-panel,.narrow-panel,.form-panel,.portrait-panel{padding:14px}.home-panel{display:flex;flex-direction:column;min-height:0}.home-grid{flex:1;display:grid;gap:12px;grid-auto-rows:1fr;min-height:0}.home-action{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:16px 18px;text-align:left;border:2px solid #3e3e3e;border-top-color:#fcfcfc;border-left-color:#fcfcfc;background:linear-gradient(180deg,#ececec,#c9c9c9);box-shadow:inset -1px -1px #00000026,inset 1px 1px #ffffffbf}.side-panel{display:flex;flex-direction:column;min-height:0}.side-panel .status-list{flex:1}.action-head{font-size:22px;font-weight:700}.action-sub{font-size:13px;color:var(--muted)}.status-list,.result-list,.detail-list{margin:0}.status-list>div,.result-list>div,.detail-list>div{display:grid;grid-template-columns:160px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.15)}.status-list dt,.result-list dt,.detail-list dt,.field-label,.note-title{font-weight:700}.status-list dd,.result-list dd,.detail-list dd{margin:0}.create-page,.detail-page{grid-template-columns:1fr 2fr;align-items:start}.portrait-frame{position:relative;aspect-ratio:3 / 4;border:3px solid #4f4f4f;background:linear-gradient(180deg,#7ab3dd,#bdd8ef);overflow:hidden}.portrait-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.portrait-input{display:none}.portrait-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.portrait-actions .retro-button{min-width:0;min-height:34px;font-size:13px;padding:6px 10px;flex:1 1 auto}.portrait-badge{position:absolute;right:12px;bottom:10px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;font-family:Consolas,monospace;color:#000000ad}.portrait-badge span{padding:2px 5px;background:#ffffff73}.form-panel{display:grid;gap:14px}.form-grid,.search-form,.detail-body{display:grid;gap:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{display:grid;gap:6px}.field-control{display:block}.text-input,.preview-value{width:100%;min-height:42px;padding:8px 10px;border:2px inset #b8b8b8;background:#fff;color:#111;font-size:17px}.text-input.monospace,.preview-value,.monospace{font-family:Consolas,monospace}textarea.text-input{resize:vertical}.notes-input{line-height:1.5}.action-buttons{display:inline-flex;gap:6px}.mini-button.danger{color:#801515}.text-input:focus{outline:1px dotted #111;outline-offset:2px}.span-2{grid-column:span 2}.code-preview{display:grid;gap:6px}.preview-value{background:#f2fbff;color:#0f1c75;border-style:solid;border-color:#51607d;font-weight:700}.button-row{flex-wrap:wrap}.retro-button,.mini-button{min-height:42px;min-width:98px;padding:8px 16px;font-size:16px}.retro-button.primary{background:linear-gradient(180deg,#f8f8f8,#d9d9d9);border-color:#2f2f2f}.retro-button:active,.toolbar-button:active,.home-action:active,.mini-button:active{transform:translate(1px,1px)}.retro-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message,.empty-note,.empty-state{font-family:Consolas,monospace;color:var(--muted)}.form-message.error{color:#801515}.table-shell{overflow:auto;border:2px inset #bdbdbd;background:#efefef}.archive-table{width:100%;border-collapse:collapse;font-family:Consolas,monospace}.archive-table th,.archive-table td{padding:8px 10px;border-bottom:1px solid #b0b0b0;text-align:left;white-space:nowrap}.archive-table thead th{position:sticky;top:0;background:#d8d8d8;z-index:1}.archive-table tbody tr:hover{background:#d9e7ff}.archive-table tbody tr{cursor:pointer}.mini-button{min-width:58px;min-height:28px;font-size:12px;padding:4px 8px}.search-form{grid-template-columns:1fr auto;align-items:end}.search-result{padding:14px;background:#d5d5d5;border:2px inset #bdbdbd}.search-result.found{background:#eef5f8}.result-head{margin-bottom:10px;font-family:Consolas,monospace;font-weight:700}.detail-page{grid-template-columns:1fr 1.4fr}.detail-panel .detail-body{grid-template-columns:1fr}.detail-notes{display:grid;gap:12px}.note-block{padding:12px;border:2px inset #bdbdbd;background:#ececec}.highlight-code{color:var(--highlight);font-weight:700}.empty-detail{text-align:center}.empty-detail p{margin:18px 0;font-family:Consolas,monospace}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;z-index:50}.dialog-window{width:min(500px,calc(100vw - 48px));border:2px solid #444;border-top-color:#f8f8f8;border-left-color:#f8f8f8;background:#ececec;box-shadow:10px 10px #00000059}.dialog-title-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px 7px 12px;color:#fff;font-weight:700;font-size:15px;background:linear-gradient(90deg,var(--title-top),var(--title-bottom))}.dialog-close{width:26px;height:24px;border:1px solid #222;background:linear-gradient(180deg,#e0e0e0,#b8b8b8);color:#111;font-size:15px;line-height:1;padding:0}.dialog-body{display:flex;align-items:flex-start;gap:16px;padding:20px 18px 14px}.dialog-icon{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border:2px solid #6d6d6d;border-top-color:#fff;border-left-color:#fff;background:linear-gradient(180deg,#f4f4f4,#d4d4d4);color:#b00;font-size:34px;font-weight:700;font-family:Consolas,monospace}.dialog-text{flex:1;min-width:0}.dialog-question{margin:0 0 12px;font-size:15px}.dialog-record{margin:0;display:grid;gap:6px;padding:10px 12px;border:2px inset #bdbdbd;background:#f6f6f6;font-size:14px}.dialog-record div{display:grid;grid-template-columns:96px 1fr;gap:8px}.dialog-record dt{font-weight:700;color:var(--muted)}.dialog-record dd{margin:0}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:2px solid #fcfcfc;background:#dcdcdc}.dialog-buttons .retro-button{min-width:88px}.crop-window{width:min(680px,calc(100vw - 48px))}.crop-body{padding:14px 16px 4px;display:grid;place-items:center}.crop-stage{position:relative;width:fit-content;max-width:100%;overflow:hidden;border:2px inset #bdbdbd;background:linear-gradient(45deg,#c6c6c6 25%,transparent 25%,transparent 75%,#c6c6c6 75%),linear-gradient(45deg,#c6c6c6 25%,#e8e8e8 25%,#e8e8e8 75%,#c6c6c6 75%);background-size:20px 20px;background-position:0 0,10px 10px;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.crop-image{display:block;width:auto;height:auto;max-width:100%;max-height:400px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #0000008c;cursor:move;touch-action:none}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(33.33% - .5px),rgba(255,255,255,.5) 33.33%,transparent calc(33.33% + .5px)),linear-gradient(to right,transparent calc(66.66% - .5px),rgba(255,255,255,.5) 66.66%,transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),rgba(255,255,255,.5) 33.33%,transparent calc(33.33% + .5px)),linear-gradient(to bottom,transparent calc(66.66% - .5px),rgba(255,255,255,.5) 66.66%,transparent calc(66.66% + .5px))}.crop-handle{position:absolute;width:15px;height:15px;border:2px solid #fff;background:#14141499}.crop-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.crop-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.crop-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.crop-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.crop-hint{padding:8px 16px 2px;color:var(--muted);font-size:12px;font-family:Consolas,monospace}.retro-button.danger{background:linear-gradient(180deg,#f4d9d9,#dbb5b5);border-color:#8a2a2a;color:#7a1515;font-weight:700}.search-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(460px,100%);display:grid;gap:14px;padding:22px}.login-head{display:flex;align-items:center;gap:14px}.login-title{font-size:20px;font-weight:700}.login-sub{font-size:13px;color:var(--muted);margin-top:2px}.login-panel .button-row{justify-content:flex-end}@media(max-width:1024px){.home-page,.create-page,.detail-page,.toolbar{grid-template-columns:1fr}.toolbar-state{display:none}}@media(max-width:720px){.desktop-shell{padding:0}.window-shell{width:100vw;height:100vh}.title-bar{min-height:52px;padding-inline:10px}.title-name{font-size:14px}.title-id{font-size:12px}.content-frame{padding:10px}.form-grid,.search-form,.search-segments{grid-template-columns:1fr}.span-2{grid-column:auto}.status-list>div,.result-list>div,.detail-list>div{grid-template-columns:1fr}.action-head{font-size:18px}.toolbar-path{font-size:14px}}